CSS是前端開發中的一門重要的技術,可以用來美化網頁,讓網頁看起來更加美觀動人。其中,CSS的布局和排版功能也是不可或缺的。接下來,我們將介紹如何使用CSS寫多個方塊方塊。
<style> .block{ width: 100px; height: 100px; background-color: #0094ff; margin-right: 20px; float: left; } </style> <div class="container"> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> <div class="block"></div> </div>
以上代碼中,我們定義了一個類名為“block”的div元素,該元素具有寬度、高度、背景顏色和右外邊距等樣式。我們還用float屬性將這些div元素浮動到左側,從而達到多個方塊排列的效果。
最后,我們將這些div元素包含在一個類名為“container”的div容器中,使得多個方塊可以居中顯示。通過不斷調整樣式,我們還可以實現更加復雜的方塊排列效果。
上一篇css 兼容 ie11