CSS中設置同一個div的方法
在CSS中,我們可以通過多種方式來設置同一個div,我們可以直接在div標簽中使用style屬性來設置樣式。
<div style="width: 200px; height: 100px; background-color: #ff0000;"></div>
上述代碼將創(chuàng)建一個寬度為200像素、高度為100像素、背景顏色為紅色的div。
我們也可以在CSS樣式表中設置同一個div的樣式,我們可以創(chuàng)建一個名為"myDiv"的類,并在樣式表中設置該類的樣式:
.myDiv { width: 200px; height: 100px; background-color: #ff0000; }
在HTML中使用這個類來創(chuàng)建div:
<div class="myDiv"></div>
上述代碼將創(chuàng)建一個寬度為200像素、高度為100像素、背景顏色為紅色的div,與直接在div標簽中設置樣式的效果相同。
我們還可以使用id屬性來***標識一個div,并在CSS樣式表中設置該id的樣式。
#myDiv { width: 200px; height: 100px; background-color: #ff0000; }
在HTML中使用這個id來創(chuàng)建div:
<div id="myDiv"></div>
上述代碼也將創(chuàng)建一個寬度為200像素、高度為100像素、背景顏色為紅色的div。
CSS提供了多種方式來設置同一個div的樣式,我們可以根據(jù)自己的需求選擇***適合的方法。