博悦娱乐下载安装app:CSS问题，帮忙解析一下！谢谢

来源：百度文库 编辑：高考问答 时间：2024/04/29 05:32:41
CSS问题：为什么这个不用图片也能实现圆角框？？帮我把这几个样式分析一下，谢谢！
＜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问题，帮忙解析一下！谢谢 一道物理题，帮忙解析一下，谢谢！ 帮忙看一下 CSS 帮忙解析一下 帮忙解析一下 帮忙解析一下 帮忙解析一下 解析一下语法 谢谢 CSS代码问题,谢谢 请帮忙解析一下☆