posts - 17, comments - 4, trackbacks - 0, articles - 0
            BlogJava :: 首頁 :: 新隨筆 :: 聯(lián)系 :: 聚合  :: 管理

          制作1px表格邊框的十種方法

          Posted on 2007-09-17 14:33 愚人 閱讀(1398) 評論(0)  編輯  收藏 所屬分類: Xhtml/css
          方法一:
          使用1*1的圖片,來填充單元格背景,并設(shè)置單元格的寬度,高度為1px
          第二種:
          <html>
          <body>
          <table width="200" height="100" border="1" bordercolor="red" cellspacing="0">
          <tr>
          <td></td><!--單元格中不要插入任何東東-->
          </tr>
          </table>
          </body>
          </html>
          第三種:利用二級表格
          <table width="200" height="100" border="0" bgcolor="red" cellspacing="0" cellpadding="0">
          <tr>
          <td align="center" valign="middle">
          <table width="198" height="98" bgcolor="white" border="0">
          <tr>
          <td>www.blueidea.com</td>
          </tr>
          </table>
          </td>
          </tr>
          </table>
          第四種:利用單元格背景填充
          <table width="200" height="100" border="0" cellspacing="0" cellpadding="0">
          <tr>
          <td colspan="3" height="1" bgcolor="red"></td>
          </tr>
          <tr>
          <td width="1" bgcolor="green"></td><td width="198" height="98">www.blueidea.com</td><td width="1" bgcolor="blue"></td>
          </tr>
          <tr>
          <td colspan="3" height="1" bgcolor="orchid"></td>
          </tr>
          </table>
          第五種:利用亮邊框和暗邊框
          <table width="200" height="100" border="1" bordercolorlight="red" bordercolordark="white"
          cellpadding="0" cellspacing="0">
          <tr>
          <td>www.blueidea.com</td><td>www.blueidea.com</td>
          </tr>
          </table>
          第六種:利用單元格的間距
          <table width="200" height="100" border="0" bgcolor="red"
          cellpadding="0" cellspacing="1">
          <tr>
          <td bgcolor="white">www.blueidea.com</td><td  bgcolor="white">www.blueidea.com</td>
          </tr>
          </table>
          第七種:利用collapse
          <table width="200" height="100" border="1" bordercolor="blue" cellspacing="0" style="border-collapse:collapse">
          <tr>
          <td>www.blueidea.com</td><td>www.blueidea.com</td>
          </tr>
          </table>
          第八種:利用border
          <table width="200" height="100" border="0" style="border:1px red solid">
          <tr>
          <td>www.blueidea.com</td><td>www.blueidea.com</td>
          </tr>
          </table>

          style="border-collapse:collapse" 這句什么意思?
          collapse相鄰的邊被合并
          主站蜘蛛池模板: 平武县| 青龙| 广东省| 云梦县| 黑龙江省| 鄂托克旗| 察雅县| 澎湖县| 唐海县| 永年县| 安庆市| 浏阳市| 渑池县| 莆田市| 靖宇县| 连山| 南岸区| 芜湖市| 乐都县| 年辖:市辖区| 柏乡县| 东平县| 武强县| 新晃| 东至县| 贵德县| 金乡县| 丹凤县| 平江县| 澜沧| 凤台县| 岳阳市| 兴业县| 青海省| 邯郸市| 土默特左旗| 祁东县| 儋州市| 普宁市| 罗田县| 龙岩市|