<html>
<head>
<style>
ul{
width:100%
border:3px solid #888
-webkit-border-radius:30px/*表示以-webkit-核的浏览器*/
-o-border-radius:30px/*-o-表示以-o-核的浏览器*/
border-radius:30px/*没有前缀表示默认浏览器*/
border-radius:30px
padding:3px
color:#ff88dd
text-align:center
}
</style>
<body>
<ul>圆角</ul>
</body>
</html>
IE6不仅不支持css3,还不支持PNG格式透明图片。如果你要做图片变圆形的这种效果,可以做一个正方形,把中间做成圆形的透明,然后,保存两中格式,一种为PNG,另外一种给IE6的做透明的gif格式。写样式的时候主流的就写background:url(路径/图片.png)IE6就写_background:url(路径/图片.gif);最后用绝对定位定到图片上面就ok啦。这个不行的,只能使用图片一般前端开发,我们推荐分级支持浏览器的。
就是如果用户使用高级浏览器我们给他们呈现比较好的效果。
但是如果用户使用古老的浏览器,那么对不起 你们只能看基本的效果。