CSS中div的屬性是Web設計中常用的一種元素。div是一種塊狀元素,可以用來組織網頁布局。下面是一些常見的div屬性:
div { width: 100%; height: 100px; background-color: #ccc; margin: 0 auto; padding: 20px; }
上面的代碼定義了一個div元素的屬性。其中width屬性指定該元素的寬度為100%。height屬性指定元素的高度為100像素。background-color屬性指定了元素的背景顏色為灰色。margin屬性用于設置元素的外邊距(即元素與周圍元素之間的空白間距),其中0表示不設置上下外邊距,auto表示左右外邊距自動居中。padding屬性用于設置元素的內邊距(即元素中內容與元素邊界之間的空白間距),其中20像素表示上下左右內邊距都為20像素。
除此之外,還有其他常見的div屬性,如:
div { border: 1px solid #999; box-shadow: 2px 2px 2px #aaa; font-size: 16px; text-align: center; line-height: 100px; }
上面的代碼定義了一個帶邊框、陰影、字體大小、文本對齊和行高的div元素。border屬性用于設置元素的邊框,1像素實線邊框,顏色為灰色。box-shadow屬性用于為元素添加陰影,2像素的x偏移量、2像素的y偏移量、2像素的模糊半徑及灰色的陰影顏色。font-size屬性用于設置元素中文本的字體大小。text-align屬性用于設置元素中文本的水平對齊方式。line-height屬性用于設置文本行高,以像素為單位。