ホームページ > 記事 > ウェブフロントエンド > 表にグリッド線がない_html/css_WEB-ITnose
表にグリッド線がない_html/css_WEB-ITnose
- WBOYオリジナル
- 2016-06-24 12:20:151446ブラウズ
突然发现，为什么table没有网格线呢？怎么设置？
回复讨论(解决方案)
c684e25378608a0aa02c2e4b83206e6f
table{ border:1px solid #515151; border-collapse:collapse;}
table tr td{ border-bottom:1px solid #515151; border-right:1px solid #515151;;line-height:23px; empty-cells:show}
c684e25378608a0aa02c2e4b83206e6f 为什么我这么写就不行：a13a2ca5d6accb66a86d713a5a6317f6?
我不想要这种效果，线之间不要有间隔，怎么弄？还有就是讲下border，margin和padding的区别，谢谢。
table{ border:1px solid #515151; border-collapse:collapse;}
table tr td{ border-bottom:1px solid #515151; border-right:1px solid #515151;;line-height:23px; empty-cells:show}
谢谢了，原来border-collapse:collapse就可以消除线之间的间隔了，但还是求解3L问题答案。
CSS代码<style>table{ border-collapse: collapse;/* 边框合并属性 */ width:200px;}th{ border: 1px solid #666666;}td{ border: 1px solid #666666;}</style>HTML代码<table> <tr> <th>姓名</th> <th>年龄</th> </tr> <tr> <td>www.865171.cn</td> <td>24</td> </tr> <tr> <td>www.865171.cn</td> <td>25</td> </tr> <tr> <td>www.865171.cn</td> <td>23</td> </tr></table> 需要设置为
<table cellpadding="0" cellspacing="1"></table>这样就没有间隙了；如图所示：
更多table边框美化请参考http://blog.sina.com.cn/s/blog_5f08aea001019qmd.html
padding 属性定义元素的内边距。padding 属性接受长度值或百分比值，但不允许使用负值。
margin 属性设置一个元素所有外边距的宽度，或者设置各边上外边距的宽度。如图所示：
不好意思，上面的css代码说错了，应该两个属性值都设置为0，即9b4b4289d7202e25a9496de4cbb2d4b4f16b1740fad44fb09bfe928bcc527e08
需要设置为CSS code?19d8d5836c56251bf897f7d0d993f879af16b1740fad44fb09bfe928bcc527e08这样就没有间隙了；如图所示：
更多table边框美化请参考http://blog.sina.com.cn/s/blog_5f08aea001019qmd.html
padding 属性定义元素的内边距。padding 属性接受长度值或百分…… 因为我用的VS2012支持HTML5，所以有margin，border和padding，就没有cellpadding和cellspacing旧属性，其实解决方法就是：border-collapse:collapse，不过谢谢你回答得这么认真。最近上Web设计课，对于HTML5特别感兴趣，有时间多向你学习。
最终完整的写法就是5096a136a0fe61a2726dae56fc924b9b,可我就是不明白这么就不行:12517884b05d53154cf3139e76f28efe
需要设置为CSS code?19d8d5836c56251bf897f7d0d993f879af16b1740fad44fb09bfe928bcc527e08这样就没有间隙了；如图所示：
更多table边框美化请参考http://blog.sina.com.cn/s/blog_5f08aea001019qmd.html
padding 属性定义元素的内边距。padding 属性接受长度值或百分…… 哦，还有一个问题就是我已经在电脑上的"管理工具\数据源(ODBC)"下为SQL Server驱动程序配置了数据源，并且在VS2012里面绑定数据显示或数据列表控件正常，能显示数据库中被检索数据，但就是我再用VS界面操作情况下配置已存在数据源（连接字符串为SqlConString）时会出错，也就是说代码操作可以但就是界面操作不行，我上网查了，有各种说法：什么开电脑远程连接，关闭防火墙，开启SQL Server Browser服务等等，但就是不行，这难道是微软的Bug？不知道你们用VS时遇到过没有？求解答。。。出现错误图片如下：
最终完整的写法就是5096a136a0fe61a2726dae56fc924b9b,可我就是不明白这么就不行:12517884b05d53154cf3139e76f28efe
12517884b05d53154cf3139e76f28efe改为49f4dcd91eafd5f459e4a539b2c48989就可以了，因为你没有设置边框的线为实线，默认边框线是没有的。
9 階の Javkburd からの返信を引用: 最終的かつ完全な書き方は b6ef942700a3ac8113275847eda62af9
0d300d4383ae263e397c1005fbe54c18 ということは、各セルの幅ではなく、テーブルの境界線の幅が 1 であることを意味します。 ;table style="border: 10px plain black"> とすると、枠線のみが太く変更されることがわかります。そのため、table978f35a38611beb404904f30b0b0cfd3 はセルの枠線を表し、この値は 0 または 1 のみです。他の値を使用すると、VS Intelligent Sense がエラーを表示するため、テスト環境は次のとおりです: VS 2012 + Chrome、HTML5 をサポートします
6 階の iGiphon からの返信を引用: CSS に設定する必要があります。 code?1270ee29106431168adcc52856303eb86f16b1740fad44fb09bfe928bcc527e08 のように隙間がないようにします。
テーブルの境界線の美化について詳しくは、http: //blog.sina.com.cn/s/blog_5f08aea001019qmd.html
Padding 属性は要素の内側のマージンを定義します... 今日コンピューターの授業で、ふと試してみたら データプロバイダーが出てきました。 SQL Server ではなく OLE DB である理由はまだ不明です。操作方法は、データ ソースの設定 - 新しい接続 - 変更 - データ プロバイダー - .NET for OLE DB