div.RoundedCorner{background: #9BD1FA; width: 200}
width的数值后加上px单位(否则一般会被当成百分率的),并可通过修改此值大小来调整圆角表格的大小,修改后为:
div.RoundedCorner{background: #9BD1FA; width: 200px}
如果还想可调整圆角表格的高度,则还需要做一下处理:
新增.rcontent节点
并在css中定义
.rcontent {
height:400px;/**可通过修改此处的height的值来改变表格的高度**/
}
附上完整代码:
css圆角效果 你所列举的代码的圆角原理:
能很好的兼容IE和FF浏览器,是使用多个b标签的巧妙细致组合实现的,
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}
组合形式类似如:(每行都为一个b标签)
-
--
---
---
---
---
--
-
来产生圆弧效果的。
另外还有通过js或-moz-border-radius-topleft: 4px;
-moz-border-radius-topright: 4px;
-moz-border-radius-bottomright: 4px;
-moz-border-radius-bottomleft: 4px;
的css定义方法来实现