最近评论
正在载入评论列表...
5.5 圆角div
【实例描述】
为了增加页面的美观效果，有时需要将div层或表格的边角进行圆角处理。本例学习如何实现div层的圆角效果，这一功能也属于目前比较流行的Ajax技术。
【实现代码】
<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>
【运行效果】
圆角div的运行效果如图5-6所示。
图5-6 圆角div的运行效果
【难点剖析】
本例的重点是使用了VML技术。VML的全称是Vector Markup Language（（矢量可标记语言）），是IE里面的画笔工具，可以用其画出所要的图形，而且结合脚本可让图形产生动态的效果。VML是微软于1999年9月随IE 5.0一起发布的，也就是说在IE 5.0以上都能使用VML。注意使用VML时，需要调用特殊的命名空间，如“<html
xmlns:v>”。
图书导读
