CSS3中的border-radius屬性可以讓我們輕松地實現圓角效果。

.box {
border-radius: 10px;
}

該屬性接受一個值或四個值。當只有一個值時，表示四個圓角的半徑都相同。當有四個值時，分別表示左上角、右上角、右下角、左下角的圓角半徑。

.box {
border-radius: 10px 5px 15px 20px;
}

CSS3中還提供了box-shadow屬性，可以實現盒子的陰影效果。該屬性接受多個值，包括陰影的顏色、偏移量、模糊半徑和擴張半徑。

.box {
box-shadow: 2px 2px 5px rgba(0,0,0,0.3);
}

CSS3的background-clip屬性可以控制背景圖案的裁剪方式。它有兩個可選值，即padding-box和border-box，分別表示在內邊距框內或邊框內進行裁剪。

.box {
background-clip: padding-box;
}

另外還有一些新的顏色屬性，如rgba、hsla，可以讓我們使用透明度來控制顏色的深淺程度。

.box {
background-color: rgba(255,0,0,0.5);
color: hsla(120,100%,50%,0.7);
}