CSS Div
Div是HTML中最重要的元素之一,經常被用來用于布局。CSS可以自定義Div的樣式,包括寬度、高度、顏色等。
Div樣式
下面是一個簡單的Div樣式:
.box{ width: 100%; height: 50px; margin-bottom: 10px; background-color: #ECEFF1; border-radius: 5px; }
這個樣式設置了Div的寬度為100%,高度為50px,下方有10px的外邊距,背景顏色為#ECEFF1,邊框圓角為5px。
Div容器
在一個網站中,通常會有多個Div,用于將網頁分成不同的區塊。我們可以使用一個Div容器來包含這些Div:
.container{ width: 80%; margin: 0 auto; }
這個樣式設置了容器的寬度為80%,并將其水平居中對齊。
總結
使用CSS可以輕松地為網頁的Div元素添加樣式,并將它們組合在一起以創建復雜布局。Div容器可以幫助我們將多個Div組織在一起,以方便更好地控制網頁的結構和排版。
上一篇css div的基礎
下一篇css div設置寬高