- 締切済み
テーブル線種について
DW CS3を使用しています。 添付のような表があります。 aのセルを除く他のセルをコの字型に#535353辺りでsolid線にて囲みたいのです。 どういったタグ、またはcssを使用すれば可能なのでしょうか？
- BullRider
- お礼率40% (18/45)
- ホームページ作成ソフト
- 回答数1
- ありがとう数1
- みんなの回答 （1）
- 専門家の回答
みんなの回答
- torayoshi
- ベストアンサー率62% (910/1449)
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>
