在使用CSS樣式對網頁進行排版時,<div>
標簽是不可或缺的元素之一。<div>
是一種通用的HTML容器,用于組合其他HTML元素以進行布局。在CSS中,可以使用div
標簽選擇器來設置<div>
元素的樣式。
div { /*設置div的樣式 */ }
在給<div>
標簽添加樣式時,可以使用CSS中的各種屬性,如background-color
、width
、height
、border
、margin
、padding
等來控制<div>
元素的外觀。
除此之外,<div>
還可以嵌套其他元素,如文本、圖片、列表等,來實現更復雜的布局。例如,下面的代碼將在一個<div>
元素中嵌套了一個標題和一個段落,然后對這個<div>
元素設置了一些樣式。
<div> <h1>這是標題</h1> <p>這是段落文本</p> </div> div { background-color: #F0F0F0; width: 500px; height: 300px; border: 1px solid #999; padding: 20px; margin: 20px auto; }
通過設置<div>
元素的樣式,我們可以輕松地控制網頁中元素的位置和布局。
上一篇css div 高度為零
下一篇css div一側分隔線