无需图片纯CSS计划Table圆角结果

　　猛火网(LieHuo.Net)教程 在一般的上网中，我们常常会看到一些圆角边框，凡是是必要用图片来实现的，那么能不能操作纯CSS来计划表格边框的圆角呢？着实是可以的，本日我们就来看一下CSS实现圆角的实例：

<title>无需图片纯CSS计划Table圆角结果－liehuo.net</title> <style type="text/css"> div.Liehuo_net_RoundedCorner...{background: #FFD1FA} b.rtop, b.rbottom...{display:block;background: #FFF} b.rtop b, b.rbottom b...{display:block;height: 1px;overflow: hidden; background: #ffD1FA} 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> <div class="Liehuo_net_RoundedCorner"> <b class="rtop"><b class="r1"></b><b class="r2"></b> <b class="r3"></b><b class="r4"></b></b> <table style="width:500px;height:100px;"> <tr> <td>单位格1</td> <td>单位格2</td> </tr> <tr> <td>单位格3</td> <td>单位格4</td> </tr> </table> <b class="rbottom"><b class="r4"></b><b class="r3"></b> <b class="r2"></b><b class="r1"></b></b> </div> <br /><center>如不能表现结果，请按Ctrl+F5革新本页，更多网页代码：<a href='http://www.veryhuo.com/' target='_blank'>http://www.veryhuo.com/</a></center>
提醒：可修改儿女码再运行!

（编辑：河北网）

【声明】本站内容均来自网络，其相关言论仅代表作者个人观点，不代表本站立场。若无意侵犯到您的权利，请及时与联系站长删除相关内容!