鱼C论坛

 找回密码
 立即注册
查看: 4284|回复: 14

[已解决]为什么输入了border-collapse却不能合并呢?

[复制链接]
发表于 2020-4-15 22:50:16 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能^_^

您需要 登录 才可以下载或查看,没有账号?立即注册

x
代码应该是没有问题的呀,可是打开后线条还是双线.....琢磨半天不知道哪里出了问题...
最佳答案
2020-4-16 13:45:18
Loser_YiMo 发表于 2020-4-16 13:42
table
               
                       


。。。 css 的注释不是这么注的,css是:
  1. /*注释*/
复制代码


如果是 <!----> 这个就会错误(这是 html 的注释)
N{BK_`F_5~4YYU~GR54(RJD.png
2Q]0FK5USRTQ7D])E~TY55U.png
小甲鱼最新课程 -> https://ilovefishc.com
回复

使用道具 举报

发表于 2020-4-16 07:53:26 | 显示全部楼层
这个编译器不带有同步功能(我只知道vscode和HBuilder有,其他的不清楚),你需要刷新
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 08:48:50 | 显示全部楼层
把代码贴上来
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 10:16:22 | 显示全部楼层
刷新一下试试看???
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 11:54:46 | 显示全部楼层
liuzhengyuan 发表于 2020-4-16 10:16
刷新一下试试看???

同,感觉代码没问题,但是我觉得没刷新这种操作是个人都有过
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-16 13:38:42 | 显示全部楼层
weiter 发表于 2020-4-16 11:54
同,感觉代码没问题,但是我觉得没刷新这种操作是个人都有过

刷新过呀!一个样
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-16 13:39:54 | 显示全部楼层
liuzhengyuan 发表于 2020-4-16 10:16
刷新一下试试看???

不是刷新的事...就是因为刷新了还是这样我就不是很理解了...
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 13:41:20 | 显示全部楼层
Loser_YiMo 发表于 2020-4-16 13:39
不是刷新的事...就是因为刷新了还是这样我就不是很理解了...

那你要不把源代码发一下(不是图片),我测试一下。。。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-16 13:42:19 | 显示全部楼层

<!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>
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 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>

您看一下
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 13:45:18 | 显示全部楼层    本楼为最佳答案   
Loser_YiMo 发表于 2020-4-16 13:42
table
               
                       


。。。 css 的注释不是这么注的,css是:
  1. /*注释*/
复制代码


如果是 <!----> 这个就会错误(这是 html 的注释)
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-16 13:46:35 | 显示全部楼层
liuzhengyuan 发表于 2020-4-16 13:45
。。。 css 的注释不是这么注的,css是:

感谢!!看来是第7课没好好学了!要巩固一下了!
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 13:48:42 | 显示全部楼层
本帖最后由 weiter 于 2020-4-16 13:51 编辑
Loser_YiMo 发表于 2020-4-16 13:42
table
               
                       


搞定了,你注释有问题
  1. <!DOCTYPE html>
  2. <html>
  3.         <head>
  4.                 <title>table</title>
  5.                 <style>
  6.                         /*table,
  7.                         th,
  8.                         td {
  9.                                 border: 1px solid black;
  10.                         }
  11.                         此处为简洁写法*/
  12.                         table {
  13.                                 border: 1px solid black;
  14.                                 border-collapse: collapse;
  15.                                 /*合并线条*/
  16.                         }

  17.                         th {
  18.                                 border: 1px solid red;
  19.                         }

  20.                         td {
  21.                                 border: 1px solid blue;
  22.                         }
  23.                 </style>
  24.         </head>
  25.         <body>
  26.                 <table>
  27.                         <tr>
  28.                                 <th>First</th>
  29.                                 <th>Second</th>
  30.                                 <th>Third</th>
  31.                         </tr>
  32.                         <tr>
  33.                                 <td>Thepale</td>
  34.                                 <td>16</td>
  35.                                 <td>23391595</td>
  36.                         </tr>
  37.                         <tr>
  38.                                 <td>TheCBGCBGCBG</td>
  39.                                 <td>14</td>
  40.                                 <td>2312209053</td>
  41.                         </tr>
  42.                 </table>
  43.         </body>
  44. </html>

复制代码
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

 楼主| 发表于 2020-4-16 13:49:48 | 显示全部楼层
weiter 发表于 2020-4-16 13:48
搞定了,你把上面那个“简便写法”哪一个注释删掉就可以了。

感谢大佬指点!
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

发表于 2020-4-16 13:52:26 | 显示全部楼层

我晚了一步。。
小甲鱼最新课程 -> https://ilovefishc.com
回复 支持 反对

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

小黑屋|手机版|Archiver|鱼C工作室 ( 粤ICP备18085999号-1 | 粤公网安备 44051102000585号)

GMT+8, 2025-4-18 05:08

Powered by Discuz! X3.4

© 2001-2023 Discuz! Team.

快速回复 返回顶部 返回列表