サイト内検索
...スタイルシート(css)...
スタイルシート・table
境界線
- 境界線は、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;} |
|
サンプル
[headの中]
<style type="text/css"><!--
table{
border: 2px #999999 solid;
}
th,td{
border: 2px #999999 solid;
}
-->
</style>
[bodyの中]
<table><tr>
<th>No1</th>
<th>No2</th>
</tr>
<tr>
<td>No3</td>
<td>No4</td>
</tr>
</table>
[ブラウザ上]
No 1 | No 2 |
---|---|
No 3 | No 4 |