# 对比度/Contrast 当元素被放置在有色背景或图片上时，使用对比度组件增强元素的外观。 ## 用法 要使用这个组件的话，只需要为容器或者你想要调整其色彩的元素添加 `.uk-contrast` 类。文本，[按钮](button.html)，[Nav component](nav.html#style-modifiers) 中的侧边导航（Nav Side）， [子导航组件](subnav.html#modifiers)的分隔线和胶囊效果，[图标](icon.html)，[表单组件](form.html)中的默认表单，以及[列表组件](list.html#modifiers)中的列表线都会自动改变它们的外观。 当内容被放置在[块组件](block.html)中或者放置在图片上时，对比度组件将带来很大的方便。 ### Example  ### Markup ``` <div class="uk-contrast">...</div> ```