# 对比度/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 ![](https://box.kancloud.cn/2016-05-12_57346f368b081.jpg) ### Markup ``` <div class="uk-contrast">...</div> ```