去掉嵌入边框的外边框线

嵌入的表格，怎么跟表格融为一体，就是怎么样把多余的外边框线去掉达到效果呢

慕瓜1068998 2017-06-23

源自：HTML表格 2-21 表格嵌套

收起

3回答

提问者慕瓜1068998 2017-06-23 13:17:41

不好意思可能之前表述不清，这么说吧比如这个图，我想把插入的上海和周边那个单元格，加入十字线，这个怎么实现呢

收起回答

樱桃小胖子 #1

注意看上面的回答哦~

2017-06-23 16:11:10

樱桃小胖子 2017-06-23 13:06:29

亲，是想要实现这样的效果吧？建议参考下面的代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table width='20%' align="center" border='1' bgcolor="pink" cellspacing='0' cellpadding='0'>
        <tr align="center">
            <td>上海</td>
            <td></td>
            <td>北京</td>
        </tr>
        <tr align="center">
            <td>中心</td>
            <td>周边</td>
            <td rowspan="2">200</td>
        </tr>
        <tr align="center">
            <td>50</td>
            <td>60</td>
        </tr>
    </table>
</body>
</html>

或者是想要实现这样的效果可以参考一下代码：

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <table width='20%' align="center" border='1' bgcolor="pink" cellspacing='0' cellpadding='0'>
        <tr align="center">
            <td colspan="2">上海</td>
            <td>北京</td>
        </tr>
        <tr align="center">
            <td>中心</td>
            <td>周边</td>
            <td rowspan="2">200</td>
        </tr>
        <tr align="center">
            <td>50</td>
            <td>60</td>
        </tr>
    </table>
</body>
</html>

希望可以帮到你！

收起回答

提问者慕瓜1068998 #1

谢谢你，就是想实现这样的效果，但是这种的合并的方式我是会的，我就是想知道在表格嵌套中，怎么去实现这种效果，望解疑！

2017-06-23 16:38:52
樱桃小胖子回复提问者慕瓜1068998 #2

亲，在你贴过来的图有实现代码么？只有你将你的代码贴过来，大家才会更准确的定位问题并帮你解答哦！另外纯表格嵌套是不能够实现你所说的效果哒，表格的嵌套是需要搭配合并单元格的属性一起来使用的哦！

2017-06-23 17:19:12

小山东 2017-06-23 12:03:03

在td标签中嵌入表格时，table的内边框属性设为all

<td>
    <table width='100%' align='left' border='0' frame='' rules='all' cellspacing='0' cellpadding='0'>
                    <tr align="left">
                    <th>星期一</th>
                    <th>星期二</th>
                    <th>星期四</th>
                    <th>星期五</th>
                    </tr>
                    <tr align="center">
                        <th>星期一</th>
                        <th>星期二</th>
                        <th>星期四</th>
                        <th>星期五</th>
                    </tr>
         </table>
<td>