设为首页收藏本站
开启辅助访问 切换到宽版
快捷导航 发布信息
搜索
自丢网»社区论坛 › 建站程序/IT教程 › Html/Html5教程 › 表单单元表格重叠，使边框变粗的解决方法教程border-col ...

表单单元表格重叠，使边框变粗的解决方法教程border-collapse: collapse

[复制链接]
查看2961 | 回复0 | 2020-5-25 09:58 | 显示全部楼层 |阅读模式
表单单元表格重叠，使边框变粗的解决方法教程使用语法：
  1. border-collapse: collapse;
复制代码


下面我们看下案例演示：

  1. <style>
  2.         table {
  3.             border-collapse: collapse;
  4.         }
  5.         
  6.         table tr td {
  7.             border: 2px solid #000;
  8.         }
  9.     </style>
  10.     <table border="3" width="600px" align="center" cellpadding="0" cellspacing="0">
  11.         <tr>
  12.             <td>哈哈</td>
  13.             <td>哈哈</td>
  14.             <td>哈哈</td>
  15.             <td>哈哈</td>
  16.         </tr>
  17.         <tr>
  18.             <td>哈哈</td>
  19.             <td>哈哈</td>
  20.             <td>哈哈</td>
  21.             <td>哈哈</td>
  22.         </tr>
  23.         <tr>
  24.             <td>哈哈</td>
  25.             <td>哈哈</td>
  26.             <td>哈哈</td>
  27.             <td>哈哈</td>
  28.         </tr>
  29.         <tr>
  30.             <td>哈哈</td>
  31.             <td>哈哈</td>
  32.             <td>哈哈</td>
  33.             <td>哈哈</td>
  34.         </tr>
  35.     </table>
复制代码
collapse单词是合并的意思。
border-collapse:collapse;表示相邻边框合并在一起。

表格教程, 表单边框变粗, html教程

相关帖子
回复

举报

返回列表 发新帖
高级模式
B Color Image Link Quote Code Smilies
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

admin

UID
1
贡献
387
丢币
38902
主题
4607
回帖
116
注册时间
2018-9-25
最后登录
2024-4-26
回复楼主 返回列表