テーブル内の線
- 0 名前： 流 ： 2005/02/11 09:33
- テーブルの内線の内，横線のみを表示させたいのですが無理でしょうか？
因みに枠線を細くするためにタグを変えております。
<TABLE valign="top" ALIGN="left" width="630" border="0" bgcolor="#0033cc" cellspacing="1" cellpadding="2">
<TR>
<TD CLASS="sample2" COLSPAN="3" bgcolor="#7FFFD4" align="center">タイトル</TD>
</TR>
<TR>
<TD CLASS="sample2" WIDTH="230" bgcolor="#FFFFFF">内容Ａ</TD>
<TD CLASS="sample2" WIDTH="200" bgcolor="#FFFFFF">内容Ｂ</TD>
<TD CLASS="sample2" WIDTH="200" bgcolor="#FFFFFF">内容Ｃ</TD>
</TR>
</TABLE>
タグはこんな感になっています。
このサイトに掲載されていた RULES="rows"は使えませんでした。
ではアドバイスお願いします。
- 1 名前： 七鍵 ： 2005/02/11 23:48 ［URL］
- td.sample2 の中が分からなかったので適当に指定しています。
<html>
<head><title></title>
<style type="text/css">
<!--
td.sample2{
border-left: 3px solid #ff0000;
border-right: 3px solid #ff0000;
}
-->
</style>
</head>
<body>
<TABLE valign="top" ALIGN="left" width="630" border="0" cellspacing="1" cellpadding="2">
<TR>
<TD CLASS="sample2" COLSPAN="3" bgcolor="#7FFFD4" align="center">タイトル</TD>
</TR>
<TR>
<TD CLASS="sample2" WIDTH="230" bgcolor="#FFFFFF">内容Ａ</TD>
<TD CLASS="sample2" WIDTH="200" bgcolor="#FFFFFF">内容Ｂ</TD>
<TD CLASS="sample2" WIDTH="200" bgcolor="#FFFFFF">内容Ｃ</TD>
</TR>
</TABLE>
</body>
</html>
これでいかがでしょう？
- 2 名前： むむりく ： 2005/02/12 01:35
- 直接質問とは関係ありませんが、
もしテーブル内の td すべてに適用するなら、
table.sample2 td { … }
とした方が簡単なような気がします。
