• RSS

[CSS]<tr>でborder を使えるようにする方法

  • このエントリーをはてなブックマークに追加
  • follow us in feedly

<table>の<tr>タグにCSS の border を適用させる方法のご紹介です。

<table>にborder-collapse:collapse を指定

<table>タグに border-collapse:collapse を指定することで、<tr>に border が適用されます。

CSS はこのような感じで、
table 	{
	border-collapse:collapse
}
table tr	{
	border:1px solid #dedede;
}

HTML側はこのような感じにします。
<table>
<tbody>
<tr>
<td>項目</td><td>trにborderを指定する</td>
</tr>
<tr>
<td>項目</td><td>trにborderを指定する</td>
</tr>
<tr>
<td>項目</td><td>trにborderを指定する</td>
</tr>
<tr>
<td>項目</td><td>trにborderを指定する</td>
</tr>
<tr>
<td>項目</td><td>trにborderを指定する</td>
</tr>
</tbody>
</table>

以下のように、<tr>に border が適用されるようになります。



  • このエントリーをはてなブックマークに追加
  • follow us in feedly

コメント

コメントを残す

このサイトはスパムを低減するために Akismet を使っています。コメントデータの処理方法の詳細はこちらをご覧ください