< p >CSS是一種用于將樣式應用于網頁元素的語言。 在CSS中，< div >是一個通用的容器元素，用于組織和布局網頁結構。 div可以看作是一個盒子，可以包含其他的元素和內容。通過CSS，可以對div元素進行各種樣式的設置，以實現美觀的頁面布局和設計。< /p >
< p >以下是一些常見的CSS div課程示例，用于說明如何使用CSS進行div的樣式設置：< /p >
< p >1. 居中對齊div：< /p > < pre > div { margin: 0 auto; width: 50%; } < /pre > < p >以上CSS代碼將使div元素在頁面上水平居中對齊，并將其寬度設置為頁面寬度的50%。通過設置margin為0 auto，可以實現水平居中對齊的效果。< /p >
< p >2. 設置div的背景色和邊框：< /p > < pre > div { background-color: #f2f2f2; border: 1px solid #ccc; padding: 10px; } < /pre > < p >以上CSS代碼將使div元素具有灰色的背景色，并在邊框上顯示1像素寬度的灰色邊框。通過設置padding為10像素，可以在div元素的內容周圍創建一個10像素的填充區域。< /p >
< p >3. 設置div元素的陰影效果：< /p > < pre > div { box-shadow: 2px 2px 5px #888888; } < /pre > < p >以上CSS代碼使用box-shadow屬性為div元素添加了一個2像素的陰影。陰影的顏色為#888888，可以根據需要進行修改。< /p >
< p >4. 設置div元素的圓角效果：< /p > < pre > div { border-radius: 10px; } < /pre > < p >以上CSS代碼使用border-radius屬性將div元素的四個角設置為10像素的圓角。通過調整圓角的半徑值，可以創建不同形狀和風格的圓角效果。< /p >
< p >5. 設置div元素的漸變背景色：< /p > < pre > div { background: linear-gradient(to right, #ff0000, #0000ff); } < /pre > < p >以上CSS代碼使用linear-gradient屬性為div元素創建了一個從紅色到藍色的漸變背景色。可以通過調整參數來創建不同方向和顏色的漸變效果。< /p >
< p >通過上述示例，我們可以看到CSS對div元素的靈活樣式設置能力。在實際應用中，可以根據需要結合各種CSS屬性和值，來實現各種各樣的div樣式效果，從而創建出富有吸引力和獨特風格的網頁布局。< /p >