HTML中的div元素是頁面布局的基本組件，而CSS的樣式表則可以提供許多有用的效果，讓網站看起來更加精美。在CSS中，給div設置樣式可以通過類、id或標簽等方式進行。其中，div css 10是一種常用的樣式之一。

這是一個div
.box {
width: 100px;
height: 100px;
border: 1px solid black;
background-color: gray;
text-align: center;
font-size: 14px;
color: white;
padding: 10px;
}

上述代碼中，我們通過類選擇器的方式給div元素設置了樣式。具體的樣式包括：

• width: 100px; 設置div元素的寬度
• height: 100px; 設置div元素的高度
• border: 1px solid black; 設置邊框的寬度、樣式和顏色
• background-color: gray; 設置背景色為灰色
• text-align: center; 設置文本水平居中
• font-size: 14px; 設置字體大小
• color: white; 設置字體顏色為白色
• padding: 10px; 設置內邊距為10px

通過這些設置，我們可以看到比較明顯的效果：一個邊框為黑色的灰色方塊，中間顯示有文字，且周圍有一些空白區域。這種樣式可以用于快速構建頁面布局，讓網站看起來更加美觀。