# 塊/Block 通過將內容片段打包成擁有不同樣式的塊來分割內容。 ## 用法 只需要為容器元素添加 `.uk-block` 類，就能使用這個組件了。 ### Example  ### Markup ``` <div class="uk-block">...</div> ``` * * * ## 修飾 使用不同的背景顏色和 padding ，添加以下類中的一個就行了。當兩個連續的塊擁有相同的背景色時，padding 會自動被分開。 | Class | 描述 | | --- | --- | | `.uk-block-default` | 添加默認的背景色彩，通常是白色或類似的顏色。 | | `.uk-block-muted` | 添加亮背景色。 | | `.uk-block-primary` | 添加表示著重的背景色。 | | `.uk-block-secondary` | 添加另一種背景色，通常是暗色。 | 注意 為了在有色的塊中恰到好處地顯示色彩、border和其他元素，你可能需要使用[對比度組件](contrast.html)中的 `.uk-contrast` 類。 ### Example  ### Markup ``` <div class="uk-block uk-block-primary">...</div> ``` * * * ## Padding 為塊添加較大的 padding ，只需添加一個 `.uk-block-large` 類。你還可以使用[效果組件](utility.html#padding)中的 `.uk-padding-*` 類，來設置塊中 padding 。 ### Example  ### Markup ``` <div class="uk-block uk-block-large">...</div> ```