求高手 解决Dreamweaver中给div或表格加圆角边框 怎么加？

Question

 类似这种的！

Answer 1

用图片做，四个角各切一个图片，然后上下左右各1个图片平铺，中间如果可以用背景色就用背景色做；
用纯css做的话，代码如下：

<style type="text/css">
div#nifty{ margin: 0 10%;background: #9BD1FA}
p {padding:10px}

div.rtop, div.rbottom{display:block;background: #FFF}
div.rtop div, div.rbottom div{display:block;height: 1px;overflow: hidden; background: #9BD1FA}
div.r1{margin: 0 5px}
div.r2{margin: 0 3px}
div.r3{margin: 0 2px}
div.rtop div.r4, div.rbottom div.r4{margin: 0 1px;height: 2px}
</style>

<div id="nifty">
<div class="rtop">
<div class="r1"></div>
<div class="r2"></div>
<div class="r3"></div>
<div class="r4"></div>
</div>
<p>无图片的圆角表格</p>
<div class="rtop">
<div class="r4">
</div>
<div class="r3">
</div><div class="r2">
</div><div class="r1">
</div></div>
</div>

Answer 2

如果要考虑到所有浏览器都兼容就只能用图片！
现在border-radius属性可以在IE9以及firefox等其他浏览器实现圆角效果；
写法是border-radius：5px 5px 5px 5px；分别表示左上、右上、右下、左下四个角的圆角弧度；