CSS3是一種新的web技術(shù)，為web設(shè)計(jì)和開發(fā)者提供豐富的性能和新能力。今天我們來(lái)介紹如何使用CSS3來(lái)創(chuàng)造一個(gè)漂亮的球體。

.ball{
width:100px;
height:100px;
background:#C9C9C9;
-moz-border-radius:50px;
-webkit-border-radius:50px;
border-radius: 50px;
border:1px solid #999999;
-moz-box-shadow:#666 1px 1px 4px;
-webkit-box-shadow:#666 1px 1px 4px;
box-shadow:#666 1px 1px 4px;
}

讓我們來(lái)解釋一下這段CSS代碼：

• width和height的值為100px，這是球體的大小。
• background設(shè)為#C9C9C9，這是球體的顏色。
• 我們使用border-radius來(lái)加圓角。-moz-border-radius和-webkit-border-radius與border-radius是為了兼容Firefox和Safari瀏覽器。
• border的值為1px，solid，#999999，這是球體的邊框。
• 我們使用box-shadow來(lái)加陰影，這是為了讓球體看起來(lái)更真實(shí)。

我們將這段CSS代碼應(yīng)用到一個(gè)div，它看起來(lái)像這樣：

<div class="ball"></div>

運(yùn)行結(jié)果如下：

恭喜，我們已經(jīng)成功地創(chuàng)造了一個(gè)漂亮的球體！

希望你們喜歡這個(gè)教程。CSS3提供了很多新能力，可以幫助我們更好的創(chuàng)建更好的網(wǎng)站。如果你想學(xué)習(xí)更多CSS3的內(nèi)容，請(qǐng)深入閱讀相關(guān)的教程。