表格细边框制作方法

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
<div>
    普通Table:
<table border="1" bordercolor="#000000" cellpadding="0" cellspacing="0" style="width: 628px">
    <tr>
        <td style="width: 518px">
            细</td>
        <td style="width: 565px">
            表</td>
    </tr>
    <tr>
        <td style="width: 518px">
            线</td>
        <td style="width: 565px">
            格</td>
    </tr>
    <tr>
        <td style="width: 518px">
            123456
        </td>
        <td style="width: 565px">
             123456
        </td>
    </tr>
</table>
细边框表格1:
<table border="1" bordercolor="#000000" style="border-collapse: collapse" cellpadding="0" cellspacing="0" >
    <tr>
        <td style="width: 298px">
            细</td>
        <td style="width: 331px">
            表</td>
    </tr>
    <tr>
        <td style="width: 298px">
            线</td>
        <td style="width: 331px">
            格</td>
    </tr>
    <tr>
        <td style="width: 298px">
            123456
        </td>
        <td style="width: 331px">
             123456
        </td>
    </tr>
</table>
细边框表格2:
<table border="0" cellpadding="0" cellspacing="1" bgcolor="#000000">
    <tr bgcolor="#FFFFFF">
        <td style="width: 298px">
            细</td>
        <td style="width: 336px">
            表</td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td style="width: 298px">
            线</td>
        <td style="width: 336px">
            格&nbsp;</td>
    </tr>
    <tr bgcolor="#FFFFFF">
        <td style="width: 298px">
            123456
        </td>
        <td style="width: 336px">
             123456
        </td>
    </tr>
</table>
细边框表格3:
<table cellspacing="0" cellpadding="0" style="width: 638px">
<tr align="center">
<td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 276px;">细</td>
<td style="BORDER-top: rgb(0,0,0) 1px groove; BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 306px;">表</td>
</tr>
<tr align="center">
<td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-left: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 276px;">线</td>
<td style="BORDER-bottom: rgb(0,0,0) 1px groove; BORDER-right: rgb(0,0,0) 1px groove; width: 306px;">格</td>
</tr>
</table>
    </div>
</body>
</html>
 

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值