サイト内検索
...スタイルシート(css)...
スタイルシート・ｔａｂｌｅ
境界線
- 境界線は、borderプロパティを指定します。
- borderについては、こちらをご覧ください。
- [使い方]
- table{border: 2px #999999 solid;}
- th,td{border: 2px #999999 solid;}
| table要素・td要素・th要素に指定した場合 | |||||
|---|---|---|---|---|---|
| table,td,th {border: 2px green solid;} |
|
||||
| table要素に指定した場合 | |||||
| table{border:2px green solid;} |
|
||||
| td要素・th要素に指定した場合 | |||||
| td,th{border: 2px green solid;} |
|
||||
サンプル
[ｈｅａｄの中]
<style type="text/css"><!--
table{
border: 2px #999999 solid;
}
th,td{
border: 2px #999999 solid;
}
-->
</style>
[ｂｏｄｙの中]
<table><tr>
<th>Ｎｏ１</th>
<th>Ｎｏ２</th>
</tr>
<tr>
<td>Ｎｏ３</td>
<td>Ｎｏ４</td>
</tr>
</table>
[ブラウザ上]
| Ｎｏ １ | Ｎｏ ２ |
|---|---|
| Ｎｏ ３ | Ｎｏ ４ |
