CSS3提供了一種非常逼真的灰色漸變效果，可以讓網頁設計更加美觀，吸引人眼球。下面我們就來介紹如何使用CSS3實現灰色漸變。

.grad_bg {
background: -webkit-linear-gradient(top, #808080, #e6e6e6); /* Safari 5.1-6.0 */
background: -o-linear-gradient(top, #808080, #e6e6e6); /* Opera 11.1-12.0 */
background: -moz-linear-gradient(top, #808080, #e6e6e6); /* Firefox 3.6-15 */
background: linear-gradient(to bottom, #808080, #e6e6e6); /* 標準語法 */
}

上面的代碼定義了一個名為“grad_bg”的CSS類，其中使用了四個不同瀏覽器的前綴來支持不同瀏覽器對漸變的實現方式。我們可以將該類作用于任何需要使用灰色漸變的元素上，如下：

<div class="grad_bg">
<p>這里是灰色漸變的內容</p>
</div>

此時，該div中的文字內容就會被渲染成從淺灰到深灰的漸變效果，十分美觀大方。我們也可以通過修改CSS樣式表中的漸變顏色值，來實現自己想要的灰色漸變效果。