テーブルの一部の枠線のみを細くする
-
0 名前： 流 ： 2005/06/05 14:45
- テーブルの枠線について質問があります。下の様にテーブルを構成したのですが内線のみを細くしたいのです。
つまり内容１と内容２の境目の横線を細くしたいということです。ちなみに不必要と思われる箇所は省略しました。
【ソース】
<table class="sample5" bgcolor=#FFFFFF BORDER="1" BORDERCOLOR="#000099" WIDTH="700" CELLSPACING="0" CELLPADDING="3">
<tr><td bgcolor=#000099>タイトル</td></tr>
<tr><td>
内容１
</td></tr>
<tr><td>
内容２
</td></tr></table>
ではお願いします。
-
1 名前： カヅサツ ： 2005/06/05 14:45 ［URL］
- <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN"
"http://www.w3.org/TR/html4/strict.dtd">
<html lang="ja" dir="ltr">
<head>
<meta http-equiv="content-type" content="text/html; charset=shift_jis">
<meta http-equiv="content-script-type" content="text/javascript">
<meta http-equiv="content-style-type" content="text/css">
<title></title>
<style type="text/css">
table.sample5{
border-width: 2px;
border-style: solid;
border-color: #000099;
border-collapse: collapse;
width: 700px;
}
table.sample5 th{
text-align: left;
font-weight: normal;
background-color: #000099;
border-width: 1px;
border-style: solid;
border-color: #000099;
}
table.sample5 td{
border-width: 1px;
border-style: solid;
border-color: #000099;
}
</style>
</head>
<body>
<table class="sample5">
<tr><th>タイトル</th></tr>
<tr><td>内容１</td></tr>
<tr><td>内容２</td></tr>
</table>
</body>
</html>
-
2 名前： 流 ： 2005/06/05 14:45
- ご回答有難うございます。早速試してみました。
質問ばかりで申し訳ないのですが
スタイルシートを使わずタグで指定する方法はないでしょうか？
不可能ならば、スタイルシートを直接テーブルに指定する方法があれば教えてください。
-
3 名前： カヅサツ ： 2005/06/05 14:45 ［URL］
- > スタイルシートを直接テーブルに指定する方法があれば教えてください。
<table style="border-width: 2px;
border-style: solid;
border-color: #000099;
border-collapse: collapse;
width: 700px;">
<tr><th style="text-align: left;
font-weight: normal;
background-color: #000099;
border-width: 1px;
border-style: solid;
border-color: #000099;">タイトル</th></tr>
<tr><td style="border-width: 1px;
border-style: solid;
border-color: #000099;">内容１</td></tr>
<tr><td style="border-width: 1px;
border-style: solid;
border-color: #000099;">内容２</td></tr>
</table>
