div+css无图片实现圆角矩形【HTML】

web前端|html教程

div+css无图片实现圆角矩形

web前端-html教程

核心提示：在做页面的时候，很多时候会用圆角矩形来妆点一下，但如果用图片的话，即要用到图片又要用到大量的代码，势必增加了页面的重量….

装机赚钱网站源码,ubuntu挖eth设置,猴子爬虫图片大全,素数php,网站建立seolzw

在页面的时候刚好要用到圆角矩形，于是写了以下方法，分享一下

php 电商模板 源码,ubuntu16 省电,tomcat服务器中的模块,爬虫抓取图片软件,php文件可以嵌入vue代码吗,seo 成都 人才lzw

以下为引用的内容：

传奇世界 源码,ubuntu中添加用户,远程上传文件到tomcat,小爬虫 床褥,php 小程序面试,seo模型lzw

<!–

.RoundedCorner{background:url(../images/loginBg2.jpg) 0 0 repeat-x;}

b.rtop, b.rbottom{display:block;background:#ffffff;}

b.rtop b, b.rbottom b{display:block;height: 1px;overflow: hidden;}

b.r1{margin: 0 3px;border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;background: #DBDBDB;}

b.r2{margin: 0 2px;border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;background:url(../images/loginBg2.jpg) 0 -3px repeat-x;}

b.r3{margin: 0 1px;border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;background:url(../images/loginBg2.jpg) 0 -2px repeat-x;}

.content{border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;}

b.r8{margin: 0 3px;border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;background: #DBDBDB;}

b.r7{margin: 0 2px;border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;}

b.r6{margin: 0 1px;border-left:1px #DBDBDB solid;border-right:1px #DBDBDB solid;}

–>

内容…