1. 论坛系统升级为Xenforo，欢迎大家测试！
    Dismiss Notice

圆角表格 的实现...

Discussion in '前端开发' started by 小叶, Sep 18, 2005.

  1. 小叶

    小叶 New Member

    Joined:
    Sep 4, 2005
    Messages:
    17,941
    Likes Received:
    33
    HTML:
    <table style="TABLE-LAYOUT: fixed" height="28" cellspacing="0" cellpadding="0" width="100%" border="0">
 <tr height="3" width="100%">
  <td>
  <table style="TABLE-LAYOUT: fixed" height="3" cellspacing="0" cellpadding="0" width="100%" border="0">
   <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>
  </table>
  </td>
 </tr>
 <tr>
  <td>
  <table style="TABLE-LAYOUT: fixed" height="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td width="1" bgcolor="#908a47"></td>
    <td id="oINNER" bgcolor="#f7f8f9">&nbsp; </td>
    <td width="1" bgcolor="#908a47"></td>
   </tr>
  </table>
  </td>
 </tr>
 <tr height="3" width="100%">
  <td>
  <table style="TABLE-LAYOUT: fixed" height="3" cellspacing="0" cellpadding="0" width="100%" border="0">
   <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>
  </table>
  </td>
 </tr>
     
    #1 小叶, Sep 18, 2005
  2. 西子宜

    西子宜 Well-Known Member

    Joined:
    Sep 5, 2005
    Messages:
    15,739
    Likes Received:
    62
    呵呵,我一般用图片.
     
    #2 西子宜, Sep 19, 2005
  3. Tameway

    Tameway New Member

    Joined:
    Sep 6, 2005
    Messages:
    1,286
    Likes Received:
    8
    代码占用空间比较小，但是速度上来说不见得比图片快，光这么多TD浏览器就得解析半天
     
    #3 Tameway, Sep 19, 2005
  4. 西子宜

    西子宜 Well-Known Member

    Joined:
    Sep 5, 2005
    Messages:
    15,739
    Likes Received:
    62
    图片也才几百KB
     
    #4 西子宜, Sep 19, 2005
  5. Tameway

    Tameway New Member

    Joined:
    Sep 6, 2005
    Messages:
    1,286
    Likes Received:
    8
    这种图片一般是一两K才
     
    #5 Tameway, Sep 20, 2005
  6. wm_chief

    wm_chief New Member

    Joined:
    Sep 5, 2005
    Messages:
    17,890
    Likes Received:
    46
    没有演示噢
     
    #6 wm_chief, Sep 27, 2005
  7. lhyhelen

    lhyhelen New Member

    Joined:
    Sep 19, 2005
    Messages:
    1
    Likes Received:
    0
    为什么变大之后会出现棱角???
    HTML:
    <table style="TABLE-LAYOUT: fixed" height="400" cellspacing="0" cellpadding="0" width="100%" border="0">
 <tr height="9" width="100%">
  <td>
  <table style="TABLE-LAYOUT: fixed" height="9" cellspacing="0" cellpadding="0" width="100%" border="0">
   <tr height="3">
    <td width="3"></td>
    <td width="3"></td>
    <td width="3"></td>
    <td bgcolor="#908a47"></td>
    <td width="3"></td>
    <td width="3"></td>
    <td width="3"></td>
   </tr>
   <tr height="3">
    <td></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td bgcolor="#f7f8f9"></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td></td>
   </tr>
   <tr height="3">
    <td></td>
    <td bgcolor="#908a47"></td>
    <td bgcolor="#f7f8f9" colspan="3"></td>
    <td bgcolor="#908a47"></td>
    <td></td>
   </tr>
  </table>
  </td>
 </tr>
 <tr>
  <td>
  <table style="TABLE-LAYOUT: fixed" height="100%" cellspacing="0" cellpadding="0" border="0">
   <tr>
    <td width="3" bgcolor="#908a47"></td>
    <td id="oINNER" bgcolor="#f7f8f9">&nbsp;</td>
    <td width="3" bgcolor="#908a47"></td>
   </tr>
  </table>
  </td>
 </tr>
 <tr height="9" width="100%">
  <td>
  <table style="TABLE-LAYOUT: fixed" height="9" cellspacing="0" cellpadding="0" width="100%" border="0">
   <tr height="3">
    <td width="3"></td>
    <td width="3" bgcolor="#908a47"></td>
    <td width="3" bgcolor="#f7f8f9"></td>
    <td bgcolor="#f7f8f9"></td>
    <td width="3" bgcolor="#f7f8f9"></td>
    <td width="3" bgcolor="#908a47"></td>
    <td width="3"></td>
   </tr>
   <tr height="3">
    <td></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td bgcolor="#f7f8f9"></td>
    <td bgcolor="#908a47" colspan="2"></td>
    <td></td>
   </tr>
   <tr height="3">
    <td colspan="3"></td>
    <td bgcolor="#908a47"></td>
    <td colspan="3"></td>
   </tr>
  </table>
  </td>
 </tr>
</table>
     
    #7 lhyhelen, Sep 29, 2005
  8. chandler

    chandler New Member

    Joined:
    Sep 27, 2005
    Messages:
    1,921
    Likes Received:
    1
    没有演示！！！
     
    #8 chandler, Sep 29, 2005
(You must log in or sign up to post here.)
Toggle Width
Language
English (US)