以下是CSS div樣式大全：

1. 設(shè)置字體樣式

div {
font-size: 16px;
font-family: Arial, sans-serif;
font-weight: bold;
font-style: italic;
}

2. 設(shè)置文字顏色和背景顏色

div {
color: #333;
background-color: #f0f0f0;
}

3. 設(shè)置文本對齊方式

div {
text-align: center;
vertical-align: middle;
}

4. 設(shè)置文字間距和行距

div {
letter-spacing: 2px;
line-height: 1.5;
}

5. 設(shè)置文本裝飾和陰影效果

div {
text-decoration: underline;
text-shadow: 2px 2px 2px #ccc;
}

6. 設(shè)置盒子大小和邊框

div {
width: 200px;
height: 100px;
border: 1px solid #ccc;
border-radius: 4px;
}

7. 設(shè)置盒子內(nèi)外邊距

div {
padding: 10px;
margin: 20px;
}

8. 設(shè)置盒子背景圖和背景樣式

div {
background-image: url('image.jpg');
background-repeat: no-repeat;
background-position: center center;
background-size: cover;
background-color: #fff;
opacity: 0.8;
}

9. 設(shè)置盒子浮動和居中

div {
float: left;
text-align: center;
margin: 0 auto;
}

10. 設(shè)置盒子靜態(tài)和相對定位

div {
position: static;
}

div {
position: relative;
top: 10px;
left: 20px;
}

11. 設(shè)置盒子絕對定位

div {
position: absolute;
top: 0;
left: 0;
z-index: 999;
}

12. 設(shè)置鼠標懸停效果

div:hover {
color: #f00;
background-color: #ccc;
}

13. 設(shè)置點擊效果

div:active {
color: #00f;
background-color: #ddd;
}

以上就是CSS div樣式的全部內(nèi)容，希望對大家有所幫助。