CSS是前端開發中最重要的語言之一,它可以將網頁美化得更漂亮、更有吸引力。今天,我們將學習如何用CSS畫多個長方形。
<style> .rectangle { width: 100px; height: 50px; background-color: #333; margin: 10px; float: left; } </style>
在上面的代碼中,我們定義了一個名為"rectangle"的類,它包含了長方形的寬度、高度、背景顏色、間距和浮動方式。接下來,我們可以在HTML中使用這個類來創建多個長方形。
<div class="rectangle"></div> <div class="rectangle"></div> <div class="rectangle"></div> <div class="rectangle"></div>
在上面的代碼中,我們只需重復使用類名"rectangle"即可創建多個長方形。在每個<div>中添加"rectangle"類,便可使用CSS樣式表中定義好的樣式來格式化這些長方形。
現在,我們可以按照自己的需求修改CSS代碼來調整長方形的大小、顏色和間距,從而創造出獨一無二的布局。通過這種方式,我們可以輕松地用CSS畫多個長方形。