在CSS中定義兩個(gè)div元素，可以通過以下步驟完成：
1、在HTML文件中創(chuàng)建兩個(gè)div元素，
<div id="div1"></div> <div id="div2"></div>
2、在CSS文件中定義兩個(gè)div元素的樣式，
#div1 {
width: 200px;
height: 200px;
background-color: red;
}
#div2 {
width: 300px;
height: 300px;
background-color: blue;
}在上面的代碼中，我們分別定義了兩個(gè)div元素的寬度、高度和背景顏色，每個(gè)div元素的樣式規(guī)則都需要以該元素的ID作為選擇器。
3、將CSS文件鏈接到HTML文件中，
<link rel="stylesheet" type="text/css" href="style.css">
在上面的代碼中，我們將CSS文件style.css鏈接到HTML文件中，這樣，HTML文件就可以使用CSS文件中定義的樣式規(guī)則了。
4、在瀏覽器中查看效果，
<body> <div id="div1"></div> <div id="div2"></div> </body>
在上面的代碼中，我們將兩個(gè)div元素放在HTML文件的body中，在瀏覽器中查看效果，就可以看到兩個(gè)不同顏色的方塊了，***個(gè)方塊的背景顏色為紅色，第二個(gè)方塊的背景顏色為藍(lán)色。
版權(quán)聲明：除非特別標(biāo)注，否則均為本站原創(chuàng)文章，轉(zhuǎn)載時(shí)請以鏈接形式注明文章出處。
