在CSS中,我們可以為HTML元素設置多個屬性值,這些屬性值可以通過空格或逗號來分隔。
.example { background-color: red; color: white; font-size: 16px; }
在這個例子中,我們為一個class名為”example”的元素設置了三個屬性值:背景顏色、文本顏色和字體大小。通過使用逗號或空格來分隔屬性值,我們可以輕松地應用多個樣式。
另一個常見的用法是為一個屬性設置多個值。比如,在CSS中,我們可以通過以下方式為邊框設置多個值:
.example { border: 1px solid red; }
在這個例子中,我們把邊框的寬度,樣式和顏色作為一個整體來設置。這樣做比單獨設置每個屬性的值要簡便得多。
除了以上這些常見的用法,在CSS中還有很多其他的屬性可以設置多個值。掌握這些技巧可以讓我們的樣式表更加高效,節省代碼行數。
下一篇css樣式在線自定義