ホームページ > ウェブフロントエンド > htmlチュートリアル > 表にグリッド線がない_html/css_WEB-ITnose

表にグリッド線がない_html/css_WEB-ITnose

WBOY
リリース: 2016-06-24 12:20:15
オリジナル
1478 人が閲覧しました

突然发现,为什么table没有网格线呢?怎么设置?


回复讨论(解决方案)

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,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,即

需要设置为CSS code?1<table cellpadding="0" cellspacing="1"></table>这样就没有间隙了;如图所示:

更多table边框美化请参考http://blog.sina.com.cn/s/blog_5f08aea001019qmd.html

padding 属性定义元素的内边距。padding 属性接受长度值或百分…… 因为我用的VS2012支持HTML5,所以有margin,border和padding,就没有cellpadding和cellspacing旧属性,其实解决方法就是:border-collapse:collapse,不过谢谢你回答得这么认真。最近上Web设计课,对于HTML5特别感兴趣,有时间多向你学习。

   最终完整的写法就是

,可我就是不明白这么就不行:

需要设置为CSS code?1<table cellpadding="0" cellspacing="1"></table>这样就没有间隙了;如图所示:

更多table边框美化请参考http://blog.sina.com.cn/s/blog_5f08aea001019qmd.html

padding 属性定义元素的内边距。padding 属性接受长度值或百分…… 哦,还有一个问题就是我已经在电脑上的"管理工具\数据源(ODBC)"下为SQL Server驱动程序配置了数据源,并且在VS2012里面绑定数据显示或数据列表控件正常,能显示数据库中被检索数据,但就是我再用VS界面操作情况下配置已存在数据源(连接字符串为SqlConString)时会出错,也就是说代码操作可以但就是界面操作不行,我上网查了,有各种说法:什么开电脑远程连接,关闭防火墙,开启SQL Server Browser服务等等,但就是不行,这难道是微软的Bug?不知道你们用VS时遇到过没有?求解答。。。出现错误图片如下:

最终完整的写法就是

,可我就是不明白这么就不行:

改为
9 階の Javkburd からの返信を引用: 最終的かつ完全な書き方は
ですが、私はそれがそうではないことを理解していません。 t work:

ということは、各セルの幅ではなく、テーブルの境界線の幅が 1 であることを意味します。 ;table style="border: 10px plain black"> とすると、枠線のみが太く変更されることがわかります。そのため、table はセルの枠線を表し、この値は 0 または 1 のみです。他の値を使用すると、VS Intelligent Sense がエラーを表示するため、テスト環境は次のとおりです: VS 2012 + Chrome、HTML5 をサポートします

6 階の iGiphon からの返信を引用: CSS に設定する必要があります。 code?1

のように隙間がないようにします。

テーブルの境界線の美化について詳しくは、http: //blog.sina.com.cn/s/blog_5f08aea001019qmd.html

Padding 属性は要素の内側のマージンを定義します... 今日コンピューターの授業で、ふと試してみたら データプロバイダーが出てきました。 SQL Server ではなく OLE DB である理由はまだ不明です。操作方法は、データ ソースの設定 - 新しい接続 - 変更 - データ プロバイダー - .NET for OLE DB

での Javakburd からの返信を引用します。 9 階: 最終的な完全な書き方は ですが、それが機能しないことが理解できません:

です。しかし、私はこれが機能しないことを理解していません:

先ほど間違って引用しました。 。 。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート