方法:1.利用class屬性為多個元素設定統一的class值,語法為「」;2、利用「.class」選擇器選取帶有指定class值的所有元素,並且設定統一樣式,語法為「.value{css樣式代碼;}」。
本教學操作環境:windows7系統、CSS3&&HTML5版、Dell G3電腦。
css中如何設定元素統一的樣式
在css中,可以透過class屬性為元素設定成統一的樣式。
.class 選擇器選取所有帶有指定 class 的元素。
class 引用 HTML 元素的 class 屬性。
class 屬性用於為多個 HTML 元素設定特定樣式。
下面我們透過設定兩個div的樣式來看一下怎樣去為元素設定統一的樣式,範例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <style> .mydiv{ width:100px; height:100px; background-color:red; } </style> <div class="mydiv"></div> <p>同一个class</p> <div class="mydiv"></div> </table> </body> </html>
輸出結果:
#(學習影片分享:css影片教學)
以上是css中如何為元素設定統一的樣式的詳細內容。更多資訊請關注PHP中文網其他相關文章!