怎样用css来设定表格的形状?

来源:百度知道 编辑:UC知道 时间:2024/07/07 10:05:18
主页是用表格做的,现需要一个圆角的表格模式

圆角的边框需要css2支持,而现在大都浏览器不能用css2,
css1要达到圆角可以用(很麻烦):

<style type="text/CSS">
div#nifty{margin:0}
div.rtop {display:block;background:#fff}
div.rtop div {display:block;height:1px;overflow:hidden}
div.r1{margin:0 5px}
div.r2{margin:0 3px}
div.r3{margin:0 2px}
div.rtop div.r4 {margin:0 1px;height:2px}
</style>
<div id="nifty">
<div class="rtop">
<div class="r4"></div>
<div class="r3"></div>
<table style="border:0pt"></table>
<div class="r2"></div>
<div class="r1"></div>
</div>
</div>

表格的话只能用图片了,先做一张你所需要的圆角图片,将4边都切出来,相应的填进表格,其实就是把图片当作背景放近表格!

chinaz