用CSS实现圆角框

转载 2006年05月19日 14:42:00

<html>
<head>
<title>css圆角效果</title>
<meta http-equiv="content-type" content="text/html; charset=gb2312">
<style type="text/css">
div.RoundedCorner{background: #9BD1FA}
div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}
</style>
</head>
<body>
<div class="RoundedCorner">
<div class="rtop"><div class="r1"></div><div class="r2"></div><div class="r3"></div><div class="r4"></div></div>
<br/>无图片实现圆角框<br/><br/>
<div class="rbottom"><div class="r4"></div><div class="r3"></div><div class="r2"></div><div class="r1"></div></div>
</div>
</body>
</html>

CSS圆角阴影边框的实现.txt

  • 2014年03月05日 11:43
  • 4KB
  • 下载

纯CSS技术实现可变高度的圆角矩形框-so easy

在上一篇的文章http://blog.csdn.net/wz537071/article/details/47910757#reply中,总结了下用纯CSS制作圆角矩形框的知识,并且最终做出来自己想要...

纯CSS实现圆角框

原文链接:http://www.cnblogs.com/binyong/archive/2009/11/30/1613376.html 纯CSS实现圆角框是一件大家都说烂了的事件,我也写过两篇总结...

css+div+图片实现宽度自适应圆角框

http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> http://www.w3.org/1999/xhtml"> 自适应宽度...

CSS+jQuery实现页面圆角框方法大全

前不久做项目,要用到大量的页面圆角的框块,以前实现的时候都是用图片做背景之类的方法,那种方法对于少数的还是比较可行的,但是当涉及到整个项目都要用到这样的效果时就显得不够优化和简练了。所以我就想用一个既...
  • ejzhang
  • ejzhang
  • 2011年01月22日 22:18
  • 1102

纯css实现边框圆角效果

  • 2012年12月31日 10:31
  • 1KB
  • 下载

圆角的实现方式,CSS+JS

  • 2010年04月27日 14:27
  • 810KB
  • 下载

CSS实现圆角,三角,五角星,五边形,爱心,12角星,8角星,圆,椭圆,圆圈,八卦

CSS实现常用效果附源码和结果图,圆角,三角,爱心,五角星,六边形,12角星,无穷大,钻石,八边形,鸡蛋,八卦等等例子...

简单css圆角层的实现

  • 2010年05月14日 11:13
  • 1023B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:用CSS实现圆角框
举报原因:
原因补充:

(最多只允许输入30个字)