DW CS3を使用しています。

添付のような表があります。

aのセルを除く他のセルをコの字型に#535353辺りでsolid線にて囲みたいのです。

どういったタグ、またはcssを使用すれば可能なのでしょうか?

「テーブル線種について」の質問画像

A 回答 (1件)

aはそのままでaを除くセルに後からコの字型実線と色をクラス指定したら良いと思います。



<?xml version="1.0" encoding="UTF-8"?>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html>
<head>
<style type="text/css">
<!--
table{
border-collapse:separate;
border:dashed 1px #000000;
}
td{
border:1px solid #535353;
border-left:none;
width:150px;
height:100px;
vertical-align:top;
}
td.td-a{
border:1px dashed #000000;
width:20px;
vertical-align:middle;
}
td.td-b{
border:solid 1px #535353;
border-left:none;
padding-bottom:5px;
height:20px;
}
td.td-ijk{
width:700px;
}
-->
</style>
</head>
<body>
<table>
<tr>
<td rowspan="4"class="td-a">a</td>
<td colspan="3"class="td-b">b</td>
</tr>
<tr>
<td>c</td>
<td>f</td>
<td class="td-ijk">i</td>
</tr>
<tr>
<td>d</td>
<td>g</td>
<td>j</td>
</tr>
<tr>
<td>e</td>
<td>h</td>
<td>k</td>
</tr>
</table>
</body>
</html>
    • good
    • 0

お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!


人気Q&Aランキング