当前位置：首页 -> 网页设计 -> HTML/CSS -> 非CSS3 纯HTML 实现圆角表格

非CSS3 纯HTML 实现圆角表格

时间： 2021-07-31 作者：daque

我往日写过一篇作品，引见了在ps里创造圆角表格的本领，本来即是做了一个图片传闻css3里将要减少圆角表格的属性，然而在css3颁布之前，再有一个大略的方法，即是运用底下的本领。我仍旧用在很多场合，自我发觉不错，拿出来大师见笑..→示例文献，点击运转按钮，察看功效：运转代码框<table style="table-layout: fixed" height=28 cellspacing=0 cellpadding=0 width="100%" border=0> <tbody> <tr height=3 width="100%"> <td> <table style="table-layout: fixed" height=3 cellspacing=0 cellpadding=0 width="100%" border=0> <tbody> <tr height=1> <td width=1></td> <td width=1></td> <td width=1></td> <td bgcolor=#908a47></td> <td width=1></td> <td width=1></td> <td width=1></td> </tr> <tr height=1> <td></td> <td bgcolor=#908a47 colspan=2></td> <td bgcolor=#f7f8f9></td> <td bgcolor=#908a47 colspan=2></td> <td></td> </tr> <tr height=1> <td></td> <td bgcolor=#908a47></td> <td bgcolor=#f7f8f9 colspan=3></td> <td bgcolor=#908a47></td> <td></td> </tr> </tbody> </table></td> </tr> <tr> <td> <table style="table-layout: fixed" height="100%" cellspacing=0 cellpadding=0 border=0> <tbody> <tr> <td width=1 bgcolor=#908a47></td> <td id=oinner bgcolor=#f7f8f9> </td> <td width=1 bgcolor=#908a47></td> </tr> </tbody> </table></td> </tr> <tr height=3 width="100%"> <td> <table style="table-layout: fixed" height=3 cellspacing=0 cellpadding=0 width="100%" border=0> <tbody> <tr height=1> <td width=1></td> <td width=1 bgcolor=#908a47></td> <td width=1 bgcolor=#f7f8f9></td> <td bgcolor=#f7f8f9></td> <td width=1 bgcolor=#f7f8f9></td> <td width=1 bgcolor=#908a47></td> <td width=1></td> </tr> <tr height=1> <td></td> <td bgcolor=#908a47 colspan=2></td> <td bgcolor=#f7f8f9></td> <td bgcolor=#908a47 colspan=2></td> <td></td> </tr> <tr height=1> <td colspan=3></td> <td bgcolor=#908a47></td> <td colspan=3></td> </tr> </tbody> </table></td> </tr> </tbody></table> [ctrl+a 十足采用提醒：你可先窜改局部代码，再按运转]提防：此本领实行的圆角表格，在ie 5.0之上本子尝试平常，其余欣赏器不确定实用，这边供给此本领仅供大师进修模仿，并不是引荐运用此本领。

非CSS3 纯HTML 实现圆角表格

相关推荐

推荐下载

热门阅览

最新排行