前面系統(tǒng)總結(jié)了CSS3中Gradient和RGBA的用法，今天我們?cè)谝黄饋?lái)看看CSS3中制作圓角的屬性border-radius的具體用法。在CSS2中，大家都碰到過(guò)圓角的制作。當(dāng)時(shí)，對(duì)于圓角的制作，我們都需要使用多張圓角圖片做為背景，分別應(yīng)用到每個(gè)角上，我應(yīng)用最多的就是在需要圓角的元素標(biāo)簽中加四個(gè)空標(biāo)簽，然后在每個(gè)空標(biāo)簽中應(yīng)用一個(gè)圓角的背景位置，然后在對(duì)這幾個(gè)應(yīng)用了圓角的標(biāo)簽進(jìn)行定位到相應(yīng)的位置，具體實(shí)現(xiàn)過(guò)程我就不在多講，只看方法就知道煩死人。

如今CSS3中的border-radius出現(xiàn)后，讓我們沒有那么多的煩惱了，首先制作圓角圖片的時(shí)間是省了，而且其還有多個(gè)優(yōu)點(diǎn)：其一減少網(wǎng)站的維護(hù)的工作量，少了對(duì)圖片的更新制作，代碼的替換等等;其二、提高網(wǎng)站的性能，少了對(duì)圖片進(jìn)行http的請(qǐng)求，網(wǎng)頁(yè)的載入速度將變快；其三增加視覺美觀性。既然border-radius有這么多好處，我們就從他的語(yǔ)法，屬性和屬性值等方面來(lái)看其如何應(yīng)用，又是如何制作圓角，還有就是除了制作圓角他還能制作什么？有這么多，那我們就開始吧：

一、語(yǔ)法：

發(fā)表評(píng)論 共有條評(píng)論 用戶名: 密碼: 驗(yàn)證碼: 匿名發(fā)表