# 對比度/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> ```