CSS在設計中起到了不可或缺的作用，CSS3的出現給網頁設計師帶來了更多的可能性，其中白色質感效果是很受歡迎的一種效果。下面是這種效果的CSS源碼：

/*設置背景顏色*/
body {
background-color: #fdfdfd;
}
/*設置字體*/
body, input, button, select, option {
font-family: "Helvetica Neue",Helvetica,Arial,sans-serif;
}
/*白色質感效果*/
.box {
background-color: #fff;
border: 1px solid rgba(0,0,0,0.07);
box-shadow: 0 1px 0 rgba(0,0,0,0.08), 0 1px 1px rgba(0,0,0,0.15);
transition: all 0.2s ease-in-out;
-webkit-transition: all 0.2s ease-in-out;
-moz-transition: all 0.2s ease-in-out;
-o-transition: all 0.2s ease-in-out;
}
/*設置邊框圓角*/
.box-radius {
border-radius: 3px;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
}
/*鼠標懸浮時，改變box的顏色*/
.box:hover {
box-shadow: 0 1px 0 rgba(0,0,0,0.08), 0 2px 2px rgba(0,0,0,0.2);
}

利用以上的代碼，我們可以做出非常漂亮的白色質感效果，讓網頁更加美觀和舒適。