圓角DIV層代碼怎么寫

2012/10/24 15:52:24作者：佚名來源：網(wǎng)絡(luò)

移動(dòng)端

【實(shí)例名稱】

圓角DIV層代碼怎么寫

【實(shí)例描述】

為了增加頁面的美觀效果，有時(shí)需要將div層或表格的邊角進(jìn)行圓角處理。本例學(xué)習(xí)如何實(shí)現(xiàn)diV層的圓角效果，這一功能也屬于目前比較流行的Ajax技術(shù)。

【實(shí)例代碼】

<html xmlns:v>
<head>
<style>
    v\:*{behavior: url(#default#VML);}
</style>
</head>
<body>
   <v:roundRect style="position:absolute;left:20px;top:50px;
width:200px;height:140px;" FillColor="#AAEAFA" Filled="T" />
</body>
</html>

【運(yùn)行效果】

運(yùn)行效果

【難點(diǎn)剖析】

本例的重點(diǎn)是使用了VML技術(shù)。VML的全稱是Vector Markuphguage(矢量可標(biāo)記語言)，是IE里面的畫筆工具，可以用其畫出需要的圖形，而且結(jié)合腳本可讓圖形產(chǎn)生動(dòng)態(tài)的效果。VML是微軟于1999年9月隨IE 5．0一起發(fā)布的，也就是說在IE 5．0以上都能使用VML。注意使用VML時(shí)，需要調(diào)用特殊的命名空間，如“<htmlmins：v>”。

【源碼下載】

下載本實(shí)例源碼

標(biāo)簽：圓角 DIV 代碼