CSS是一種用于網頁設計和排版的標準語言,它可以控制網頁的樣式和展示效果。在CSS中,背景顏色和圓角都是比較常用的屬性。
背景顏色可以通過background-color屬性進行設置,這個屬性可以接受各種顏色值,包括顏色名稱、RGB和HEX值等。
body { background-color: #f1f1f1; /* 設置頁面背景顏色為淡灰色 */ }
圓角則可以通過border-radius屬性進行設置,這個屬性可以控制元素的圓角大小。如果想要設置元素四個角的圓角大小一致,可以直接使用一個數值來表示,也可以使用百分比來設置;如果想要分別設置四個角的圓角大小,可以使用border-top-left-radius、border-top-right-radius、border-bottom-left-radius和border-bottom-right-radius屬性。
div { border-radius: 10px; /* 設置元素四個角的圓角大小均為10px */ } span { border-top-left-radius: 5px; /* 設置左上角的圓角大小為5px */ border-bottom-right-radius: 5px; /* 設置右下角的圓角大小為5px */ }
通過CSS可以輕松地實現網頁的樣式和布局效果,掌握常用的CSS屬性可以讓我們更好地進行網頁設計和排版。