用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+div+图片实现宽度自适应圆角框

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

纯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+jQuery实现页面圆角框方法大全

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

纯css实现边框圆角效果

圆角的实现方式,CSS+JS

  • 2010-04-27 14:27
  • 810KB
  • 下载

CSS3圆角属性在Firefox,Chrome,Safari的实现

CSS3圆角属性在Firefox,Chrome,Safari的实现 2009年07月03日 星期五 下午 03:03 今天在aw那里看到他的博客用了Firefox专有的圆角属性,另外WordPre...

简单css圆角层的实现

  • 2010-05-14 11:13
  • 1023B
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:深度学习:神经网络中的前向传播和反向传播算法推导
举报原因:
原因补充:

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