rss· 投稿· 设为首页· 加入收藏· 繁體版
当前位置: 火魔网 » 程序开发 » html/css

2种css圆角代码

css圆角代码 1、
<html xmlns:v>   
<head>   
<style>   
v:* {behavior: url(#default#VML);}   
</style>   
</head>   
<body>   
<v:RoundRect style="position:relative;width:200;height:100px" FillColor="#FFF9DE">   
<v:shadow on="T" type="single" color="#b3b3b3" offset="5px,5px"/>   
<v:textbox style="font-size:12px">css实现真正的圆角表格</v:textbox>   
</v:RoundRect>   
</body>   
</html>
2、
<html>  
<head>  
<title>css圆角效果</title>  
<meta http-equiv="content-type" content="text/html; charset=utf-8">  
<style type="text/css">  
div.RoundedCorner{background: #9BD1FA}  
b.rtop, b.rbottom{display:block;background: #FFF}  
b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden; background: #9BD1FA}  
b.r1{margin: 0 5px}  
b.r2{margin: 0 3px}  
b.r3{margin: 0 2px}  
b.rtop b.r4, b.rbottom b.r4{margin: 0 1px;height: 2px}  
</style>  
</head>  
<body>  
<div class="RoundedCorner">  
<b class="rtop"><b class="r1"></b><b class="r2"></b><b class="r3"></b><b class="r4"></b></b>  
<br>无图片实现圆角框<br><br>  
<b class="rbottom"><b class="r4"></b><b class="r3"></b><b class="r2"></b><b class="r1"></b></b>  
</div>  
</body>  
</html>
顶一下
(0)
踩一下
(0)