在網(wǎng)頁開發(fā)中,div是最常用的標簽之一,它可以用來分割網(wǎng)頁內(nèi)容,實現(xiàn)頁面布局。接下來,我們就來了解一些div的常用CSS屬性。
/*設(shè)置寬度和高度*/ div { width: 200px; /*設(shè)置寬度*/ height: 100px; /*設(shè)置高度*/ } /*背景顏色*/ div { background-color: #EFEFEF; /*設(shè)置背景顏色*/ } /*邊框*/ div { border: 1px solid red; /*設(shè)置邊框,寬度為1px,顏色為紅色*/ } /*內(nèi)邊距和外邊距*/ div { padding: 10px; /*設(shè)置內(nèi)邊距為10px*/ margin: 20px; /*設(shè)置外邊距為20px*/ margin-top: 30px; /*設(shè)置上外邊距為30px*/ margin-bottom: 40px;/*設(shè)置下外邊距為40px*/ margin-left: 50px; /*設(shè)置左外邊距為50px*/ margin-right: 60px; /*設(shè)置右外邊距為60px*/ } /*浮動*/ div { float: left; /*設(shè)置浮動為左側(cè)*/ } /*居中*/ div { text-align: center; /*設(shè)置文本居中*/ margin: 0 auto; /*設(shè)置外邊距自動,實現(xiàn)水平居中*/ } /*字體*/ div { font-size: 16px; /*設(shè)置字體大小*/ color: #333; /*設(shè)置字體顏色*/ font-weight: bold; /*設(shè)置字體加粗*/ font-family: Arial; /*設(shè)置字體樣式*/ } /*透明度*/ div { opacity: 0.8; /*設(shè)置透明度*/ }
以上是div的部分常用CSS屬性,可以根據(jù)實際需要進行選擇和組合使用,以達到實現(xiàn)理想的頁面效果。
上一篇css模擬點擊
下一篇CSS模板制作起泡教程