HTML 5与Flash技术优缺点大比拼

作者佚名技术来源 CSS编程浏览发布时间 2012-05-26

纯CSS无图打造圆角Table 无图制作圆角

CSS代码:

<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>

HTML代码:

<div class="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>

凌众科技专业提供服务器租用、服务器托管、企业邮局、虚拟主机等服务，公司网站：http://www.lingzhong.cn 为了给广大客户了解更多的技术信息，本技术文章收集来源于网络,凌众科技尊重文章作者的版权，如果有涉及你的版权有必要删除你的文章，请和我们联系。以上信息与文章正文是不可分割的一部分,如果您要转载本文章,请保留以上信息，谢谢!

分享到：更多

你可能对下面的文章感兴趣

上一篇: HTML和CSS中的视觉语义下一篇: 纯CSS无图打造圆角Table

关于HTML 5与Flash技术优缺点大比拼的所有评论