设为主页 | 加入收藏 | 联系我们
您当前的位置:首页 > 站长学院 > CSS/Xhtml教程
用CSS实现无图片圆角效果
时间:2008-07-05 02:24:30  来源:天极网  作者:佚名

<html>
<head>
<title>css圆角效果--人人站长网</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<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>


来顶一下
近回首页
返回首页
上一篇文章:CSS实现样式布局22招
下一篇文章:下面没有链接了
现在评论本文
用户名: 密 码: 验证码: 匿名发布
现在已经有 人对文章发表评论 查看所有评论
网友评论仅供网友表达个人看法,并不表明本站同意其观点或证实其描述
热门排行榜
获取网站Alexa排名数值的方法 0
Flash8滤镜与混合模式(3):混合模 0
Flash8滤镜与混合模式(2):近距离 0
第一回 制前操作第一步的前一步 0
第三回 如何计算制作经费 0
第二回 交涉成功或企划通过后 0
第六回 制前作业三-分镜图和副导 0
第五回 制前作业二:导演的工作 0
第四回 制前作业一:脚本 0
第九回 制前作业六-色彩设计(*1) 0
热门图文
CSS实现样式布局22招
CSS布局入门
CSS实现文本渐变效果
CSS Hack整理
热评文章
·用CSS实现无图片圆角效果
·CSS实现样式布局22招
·怎么改善现有网站为xhtml+CSS结构
·采用XHTML和CSS设计可重用可换肤网页
·CSS实现光滑圆角效果
·精通 CSS 滤镜(一)
·精通 CSS 滤镜(一)
·文字性质的CSS
·区块性质的CSS
·CSS的应用补充
关于我们 | 服务与支持 | 人才招聘 | 联系方式 | 网站地图 | 免责声明
Copyright © 2008-2009 Rrzzw.Com All Rights Reserved
网站备案:粤ICP备08020699号