CSS圆角区块容器生成器-巨人网络通讯

当然还是用图片，只是可以生成自己所需色彩的图片。

http://www.neuroticweb.com/recursos/css-rounded-box/

将上面生成的图片和下面代码存在同一个文件夹下：

</P>
<P><!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN"><html><head><title>CSS圆角区块容器</title><meta http-equiv="Content-Type" content="text/html; charset=gb2312"><style>.rbroundbox { background: url(nt.gif) repeat; }.rbtop div { background: url(tl.gif) no-repeat top left; }.rbtop { background: url(tr.gif) no-repeat top right; }.rbbot div { background: url(bl.gif) no-repeat bottom left; }.rbbot { background: url(br.gif) no-repeat bottom right; }</P>
<P>/* height and width stuff, width not really nessisary. */.rbtop div, .rbtop, .rbbot div, .rbbot {width: 100%;height: 7px;font-size: 1px;}.rbcontent { margin: 0 7px; }.rbroundbox { width: 50%; margin: 1em auto; }</style></head></P>
<P><body><div class="rbroundbox"> <div class="rbtop"><div></div></div>  <div class="rbcontent">   <p>Lorem ipsum dolor sit amet,    consectetuer adipiscing elit. Duis    ornare ultricies libero. Donec    fringilla, eros at dapibus fermentum,   tellus tellus auctor erat, vitae porta    magna libero sed libero. Mauris sed leo.    Aliquam aliquam. Maecenas vestibulum.</p>  </div> <div class="rbbot"><div></div></div></div></body></html></P>
<P>

[Ctrl+A 全选注:引入外部Js需再刷新一下页面才能执行]

您可能感兴趣的文章:

CSS实现光滑圆角效果
用js实现CSS圆角生成更新
用js实现的抽象CSS圆角效果!!
纯CSS生成抗锯齿圆角的代码
css Sprites小实例代码
提取自百度有啊的css圆角效果
CSS+Jquery实现页面圆角框方法大全
JS+CSS实现可拖拽的漂亮圆角特效弹出层完整实例
jQuery+html5+css3实现圆角无刷新表单带输入验证功能代码
js+css实现的圆角边框TAB选项卡滑动门代码分享（2款）
JS+CSS实现自适应选项卡宽度的圆角滑动门效果
JS+CSS实现的经典圆角下拉菜单效果代码
CSS 使用Sprites技术实现圆角效果

标签：仙桃泰州海西佛山沧州攀枝花吕梁钦州

巨人网络通讯声明：本文标题《CSS圆角区块容器生成器》，本文关键词 CSS,圆角,区块,容器,生,成器,；如发现本文内容存在版权问题，烦请提供相关信息告之我们，我们将及时沟通与处理。本站内容系统采集于网络，涉及言论、版权与本站无关。