在HTML和CSS中,div是一個重要的元素,它被廣泛用于布局和組織頁面內容。div標簽本身沒有任何樣式或布局信息,因此需要使用CSS來定義它的樣式。下面是一個簡單的div CSS模板:
/* 定義div的樣式 */ div { width: 100%; height: 300px; background-color: #FFF; border: 1px solid #CCC; padding: 20px; box-sizing: border-box; } /* 定義內部元素的樣式 */ div p { font-size: 16px; color: #333; line-height: 1.5; } /* 定義內部元素鏈接的樣式 */ div a { color: #06C; text-decoration: none; border-bottom: 1px solid #06C; } /* 定義鼠標懸停鏈接時的樣式 */ div a:hover { color: #C00; border-bottom-color: #C00; }
這個模板定義了一個div元素的基本樣式:它的寬度填滿父容器,高度為300px,背景色為白色,有1像素的灰色邊框,內部有20像素的填充。同時,它包含了兩個內部元素:p和a,分別用來呈現文本和鏈接。這些元素都有自己的CSS樣式,例如鏈接有顏色、文本下劃線和底部邊框線。此外,鼠標懸停鏈接時,鏈接的顏色和底部邊框線的顏色都會變化。
上一篇mysql 設置外網訪問
下一篇div css的網站構架