div是HTML中的一個標簽,用于定義網頁中的一個區塊,可以用CSS樣式來控制其大小、位置、顏色、字體、邊框等等。
<div>這是一個div標簽</div>
通過為div標簽添加class或id屬性,可以對其應用不同的樣式。使用class屬性,可以使多個div標簽應用相同的樣式:
<div class="box">這是一個帶有class屬性的div標簽</div>
然后在CSS樣式表中為.box類定義樣式:
.box { width: 200px; height: 200px; background-color: #F5F5F5; border: 1px solid #CCC; padding: 10px; }
上面的代碼定義了.box類的樣式,包括寬高、背景色、邊框、內邊距等等。這會使所有帶有box類的div標簽都應用這些樣式。
除了class屬性,還可以使用id屬性來定義單獨的樣式,只應用于某個特定的div標簽:
<div id="myDiv">這是一個帶有id屬性的div標簽</div>
那么在CSS樣式表中可以用#myDiv選擇器來定義其樣式:
#myDiv { width: 300px; height: 150px; background-color: #FFCC00; border: 1px solid #999; padding: 20px; }
通過使用div標簽和CSS樣式,可以輕松地控制網頁的布局和樣式,讓網頁看起來更加精美、舒適。
上一篇div+css 浮動
下一篇css里面調節對齊