Loser_YiMo 发表于 2020-4-15 22:50:16

为什么输入了border-collapse却不能合并呢？

代码应该是没有问题的呀，可是打开后线条还是双线.....琢磨半天不知道哪里出了问题...

weiter 发表于 2020-4-16 07:53:26

这个编译器不带有同步功能（我只知道vscode和HBuilder有，其他的不清楚），你需要刷新{:10_266:}

不二如是 发表于 2020-4-16 08:48:50

把代码贴上来

liuzhengyuan 发表于 2020-4-16 10:16:22

刷新一下试试看？？？

weiter 发表于 2020-4-16 11:54:46

liuzhengyuan 发表于 2020-4-16 10:16
刷新一下试试看？？？

同，感觉代码没问题，但是我觉得没刷新这种操作是个人都有过{:10_266:}

Loser_YiMo 发表于 2020-4-16 13:38:42

weiter 发表于 2020-4-16 11:54
同，感觉代码没问题，但是我觉得没刷新这种操作是个人都有过

刷新过呀！一个样

Loser_YiMo 发表于 2020-4-16 13:39:54

liuzhengyuan 发表于 2020-4-16 10:16
刷新一下试试看？？？

不是刷新的事...就是因为刷新了还是这样我就不是很理解了...

liuzhengyuan 发表于 2020-4-16 13:41:20

Loser_YiMo 发表于 2020-4-16 13:39
不是刷新的事...就是因为刷新了还是这样我就不是很理解了...

那你要不把源代码发一下（不是图片），我测试一下。。。

Loser_YiMo 发表于 2020-4-16 13:42:19

不二如是 发表于 2020-4-16 08:48
把代码贴上来

<!DOCTYPE html>
<html>
        <head>
                <title>table</title>
                <style>
                        <!--
                        table, th, td
                        {
                                border: 1px solid black;
                        }此处为简洁写法
                        -->
                        table {
                                border: 1px solid black;
                                border-collapse: collapse;<!-- 合并线条 -->
                        }
                        th {
                                border: 1px solid red;
                        }
                        td {
                                border: 1px solid blue;
                        }
                </style>
        </head>
        <body>
                <table>
                        <tr>
                                <th>First</th>
                                <th>Second</th>
                                <th>Third</th>
                        </tr>
                        <tr>
                                <td>Thepale</td>
                                <td>16</td>
                                <td>23391595</td>
                        </tr>
                        <tr>
                                <td>TheCBGCBGCBG</td>
                                <td>14</td>
                                <td>2312209053</td>
                        </tr>
                </table>
        </body>
</html>

Loser_YiMo 发表于 2020-4-16 13:42:52

liuzhengyuan 发表于 2020-4-16 13:41
那你要不把源代码发一下（不是图片），我测试一下。。。

<!DOCTYPE html>
<html>
        <head>
                <title>table</title>
                <style>
                        <!--
                        table, th, td
                        {
                                border: 1px solid black;
                        }此处为简洁写法
                        -->
                        table {
                                border: 1px solid black;
                                border-collapse: collapse;<!-- 合并线条 -->
                        }
                        th {
                                border: 1px solid red;
                        }
                        td {
                                border: 1px solid blue;
                        }
                </style>
        </head>
        <body>
                <table>
                        <tr>
                                <th>First</th>
                                <th>Second</th>
                                <th>Third</th>
                        </tr>
                        <tr>
                                <td>Thepale</td>
                                <td>16</td>
                                <td>23391595</td>
                        </tr>
                        <tr>
                                <td>TheCBGCBGCBG</td>
                                <td>14</td>
                                <td>2312209053</td>
                        </tr>
                </table>
        </body>
</html>

您看一下

liuzhengyuan 发表于 2020-4-16 13:45:18

Loser_YiMo 发表于 2020-4-16 13:42
table
               
                       


。。。 css 的注释不是这么注的，css是：
/*注释*/

如果是 <!----> 这个就会错误（这是 html 的注释）

Loser_YiMo 发表于 2020-4-16 13:46:35

liuzhengyuan 发表于 2020-4-16 13:45
。。。 css 的注释不是这么注的，css是：




感谢！！看来是第7课没好好学了！要巩固一下了！

weiter 发表于 2020-4-16 13:48:42

本帖最后由 weiter 于 2020-4-16 13:51 编辑

Loser_YiMo 发表于 2020-4-16 13:42
table
               
                       


搞定了，你注释有问题
<!DOCTYPE html>
<html>
        <head>
                <title>table</title>
                <style>
                        /*table,
                        th,
                        td {
                                border: 1px solid black;
                        }
                        此处为简洁写法*/
                        table {
                                border: 1px solid black;
                                border-collapse: collapse;
                                /*合并线条*/
                        }

                        th {
                                border: 1px solid red;
                        }

                        td {
                                border: 1px solid blue;
                        }
                </style>
        </head>
        <body>
                <table>
                        <tr>
                                <th>First</th>
                                <th>Second</th>
                                <th>Third</th>
                        </tr>
                        <tr>
                                <td>Thepale</td>
                                <td>16</td>
                                <td>23391595</td>
                        </tr>
                        <tr>
                                <td>TheCBGCBGCBG</td>
                                <td>14</td>
                                <td>2312209053</td>
                        </tr>
                </table>
        </body>
</html>

Loser_YiMo 发表于 2020-4-16 13:49:48

weiter 发表于 2020-4-16 13:48
搞定了，你把上面那个“简便写法”哪一个注释删掉就可以了。

感谢大佬指点！

weiter 发表于 2020-4-16 13:52:26

Loser_YiMo 发表于 2020-4-16 13:49
感谢大佬指点！

我晚了一步。。{:10_250:}
页: [1]
查看完整版本: 为什么输入了border-collapse却不能合并呢？