在CSS中,使用class屬性可以為HTML元素指定一個或多個樣式。
語法示例: 選擇器 { 屬性:值; } 實例: .button { background-color: pink; color: white; padding: 10px 20px; }
在標記中添加class屬性:
語法示例: <標記 class="類名">內容</標記> 實例: <p class="red-text">Hello CSS!</p>
可以在CSS中使用“.”來選擇類,如:
語法示例: .類名 { 屬性:值; } 實例: .red-text { color: red; }
可以將多個class應用到同一個元素:
語法示例: <標記 class="類名1 類名2 類名3">內容</標記> 實例: <p class="red-text bold">Hello CSS!</p> 寫在同一行上:語法示例: <標記 class="類名1 類名2 類名3">內容</標記> 實例: <p class="red-text bold">Hello CSS!</p>在CSS中可以通過組合使用元素、類、ID等選擇器來定位一個元素并給它應用相應的樣式:
語法示例: #ID 類名 元素名 { 屬性:值; } 實例: #top-header .logo img { height: 50px; }以上就是使用class屬性在CSS中添加樣式的方法。