CSS是網頁設計中不可或缺的一部分,可以控制網頁的樣式和布局。本文將介紹如何使用CSS設置一個小方塊。
.square { width: 50px; height: 50px; background-color: red; }
上述代碼是實現小方塊的CSS代碼,其中,.square是指定這個小方塊是一個類,width和height分別指定小方塊的寬和高,background-color指定小方塊的背景顏色。
接下來,將這個小方塊放到網頁上,可以使用以下代碼:
<div class="square"></div>
將這段代碼放在網頁的合適位置,就可以看到大小為50px x 50px,紅色背景的小方塊了。
使用CSS可以更加靈活地控制網頁的樣式和布局,幫助設計出令人愉悅的網頁。掌握好CSS的精髓,可以讓網頁設計技能更上一層樓。
上一篇html里鏈接css文件
下一篇css如何設置div透明