網頁設計中使用了各種各樣的css屬性值，它們可以為網頁增添美感，豐富頁面樣式。在這里，我們將會介紹一些css屬性值的使用。

.box {
width: 200px;
height: 200px;
background-color: #000000;
border: 2px solid #ffffff;
border-radius: 10px;
box-shadow: 1px 1px 10px #aaaaaa;
margin: 30px 0 0 50px;
}

首先，我們來看看這個預定義的CSS類別 .box。這里使用了六種不同的屬性值：

1.寬度和高度：width和height屬性指定了盒子的寬度和高度。在這里，盒子的寬度是200px，高度也是200px。

2.背景顏色：background-color屬性指定了盒子的背景顏色。 在這里，它設置成了黑色 #000000。

3.邊框：border屬性指定了盒子的邊框。在這里，邊框是2px的白色 #ffffff 實線。

4.圓角：border-radius屬性用于控制盒子的圓角。在這里，圓角是10px。

5.陰影：box-shadow屬性允許為盒子添加陰影效果。在這里，給盒子添加了1px x 1px x 10px的陰影效果，#aaaaaa是陰影的顏色。

6.外邊距：margin屬性控制盒子的外部空間。 在這里，盒子與頁面的距離是30px，上邊距是0，左邊距是50px。

這些CSS屬性值的組合使得盒子看上去更加美觀。通過學習不同的CSS屬性值，您可以創建各種各樣的頁面效果。