テーブルについて教えて下さい。

[統計] HTMLからXHTMLへの移行を進めていますか?



0   名前: mizuki : 2005/10/01 13:29
はじめましてmizukiといいます。
こちらのサイトを拝見して勉強させていただいています。
現在HPを作成中で、自分の作りたいテーブルがうまくいかず、
またこちらでも検索してみたのですが分からなかったので
知っている方がいたら教えて下さい。

細い線のテーブルを作りたくてまずは↓のようなテーブルを作りました。
そしてBの上下左右だけ細い線を表示し、
残りの@ACDの線は非表示にしたいのですが、
そういう細かな指定は出来るのでしょうか?
私のやり方よりもより簡単な方法なんかがあれば
ぜひ教えていただけると嬉しいです。
よろしくお願いします。

<TITLE></TITLE>
<style type="text/css">
<!--
table{
border-collapse: collapse;
}
table,
th,
td{
border-width: 1px;
border-style: solid;
border-color: black;
}
-->
</style>
</HEAD>
<BODY>
<TABLE border="0" width="850" height="450" style="font-size : 9pt;font-weight : normal;">
<TBODY>
<TR height="100">
<TD width="150" align="center">@</TD>
<TD width="700" align="center" valign="bottom">A</TD>
</TR>
<TR>
<TD colspan="2" width="850" height="200" bgcolor="#ffffff" valign="middle" align="center">B</TD>
</TR>
<TR>
<TD colspan="2" width="850" height="100" align="left" valign="top">C</TD>
</TR>
<TR>
<TD colspan="2" width="850" height="50" align="center">D</TD>
</TR>
</TBODY>
</TABLE>
</BODY>

1   名前: 愛浦憂馬 : 2005/10/01 13:29  [URL
三番のTDにだけスタイルを直接指定してはどうでしょう

td style="
border-width: 1px;
border-style: solid;
border-color: black;"

2   名前: 愛浦憂馬 : 2005/10/01 13:29  [URL
(

<style type="text/css">
<!--
table{
border-collapse: collapse;
}
table,
th,
td{
border-width: 1px;
border-style: solid;
border-color: black;
}
-->
</style>

は消します。)

一覧へ戻る