A 回答 (1件)
- 最新から表示
- 回答順に表示
No.1
- 回答日時:
スタイルシートを使います。
ヘッダ内にスタイルシートを加えてください。
スタイルシートでは、セルの枠線についてしていています。
枠線の太さや色は適宜変更してください。
<style type="text/css">
table.a td
{ border:1px dotted #ffccff; }
</style>
表のタグは以下のとおりです
<table class="a" border="2" bordercolor="#000000" cellspacing="0" width="450">
<tbody>
<tr>
<td rowspan="3" style="border-top:0;border-left:0;">コーヒー</td>
<td style="border-top:none;">エスプレッソ</td>
<td style="border-top:none;border-right:0;">450円</td>
</tr>
<tr>
<td>アメリカン</td>
<td style="border-right:0;">230円</td>
</tr>
<tr>
<td>ブレンド</td>
<td style="border-right:0;">250円</td>
</tr>
<tr>
<td rowspan="2" style="border-left:0;">紅茶</td>
<td>ストレート</td>
<td style="border-right:0;">300円</td>
</tr>
<tr>
<td>ミルクティー</td>
<td style="border-right:0;">350円</td>
</tr>
<tr>
<td rowspan="2" style="border-bottom:0;border-left:0;">ジュース</td>
<td>コカコーラ</td>
<td style="border-right:0;">280円</td>
</tr>
<tr>
<td>オレンジジュース</td>
<td style="border-right:0;">350円</td>
</tr>
</tbody></table>
もう少しスマートな書き方もあると思いますが
とりあえずはこんな感じでしょうか…
テーブルやセルのサイズ、文字の配置は適宜変更できます。
IE、Firefoxにて確認してありますが
どんな環境でも崩れずに表示させたければ画像で置いた方が確実だと思います。
お探しのQ&Aが見つからない時は、教えて!gooで質問しましょう!
似たような質問が見つかりました
- HTML・CSS HTMLタグのあるCSVファイルを利用する方法 4 2023/03/19 14:41
- その他(Microsoft Office) (至急)Googleのスプレッドシートの条件付き書式について 2 2022/09/11 08:50
- その他(IT・Webサービス) リンクできない HTMLで<a>タグでリンクを作ったのですがブラウザに表示されません、アドレス、入力 1 2022/07/26 19:43
- Excel(エクセル) エクセルの散布図で新たに入力した値のデータラベルが空欄になる現象 1 2022/04/26 09:31
- JavaScript 【GAS】WEBアプリでハイパーリンクを挿入したい 1 2023/03/12 19:20
- その他(IT・Webサービス) VBAを使って表を作成したいです 1 2022/06/08 21:20
- Excel(エクセル) エクセルで指定範囲にある名前と重複した場合に入力できないようにしたい 1 2023/07/13 09:58
- Visual Basic(VBA) 【VBA】データを入力後に,同一シート内に履歴として転記するVBAコードを教えていただきたいです。 3 2022/11/16 01:37
- Excel(エクセル) エクセルの折れ線グラフで教えて下さい 1 2023/03/05 22:48
- Excel(エクセル) PHPプログラムをエクセルに張り付けると検索ボックスがでてくる! 3 2022/05/08 07:10
関連するカテゴリからQ&Aを探す
おすすめ情報
デイリーランキングこのカテゴリの人気デイリーQ&Aランキング
-
TRタグの余白をcssで設定するには
-
HTML <td></td>タグ セル内余...
-
テーブルの行の高さを指定する...
-
テーブルの行を折りたたみたい...
-
文字列が入っているtdを削除せ...
-
テーブルの外側の線を消す
-
テーブルのヘッダとボディの幅...
-
cssで、表示されるテキストによ...
-
テーブル入れ子した時の、テー...
-
テーブルの任意の列を非表示に...
-
テーブルタグのセルの幅の一部...
-
html・cssで日付をキレイに揃え...
-
テーブルの位置
-
tableにul,または,olを入れられ...
-
EXCELからhtmlへの変換で罫線が...
-
HTMLで外部ファイルの読み込み
-
width指定したTDでwhite-space:...
-
テーブル(表)を2つ横に並べて...
-
テーブルの表示がずれます
-
HTMLでアンケートの作り方を教...
マンスリーランキングこのカテゴリの人気マンスリーQ&Aランキング
-
テーブルの行を折りたたみたい...
-
tableにul,または,olを入れられ...
-
テーブルの任意の列を非表示に...
-
TRタグの余白をcssで設定するには
-
文字列が入っているtdを削除せ...
-
テーブルのヘッダとボディの幅...
-
テーブルの行の高さを指定する...
-
cssで、表示されるテキストによ...
-
テーブルのセルに画像をピッタ...
-
HTML <td></td>タグ セル内余...
-
ホームページ 表の上の余白を...
-
テーブルの表示がずれます
-
スタイルシートで colspan=3と...
-
テーブルの上に空行が入る・・...
-
テーブルタグのセルの幅の一部...
-
表の1列だけをCSSを使って右揃...
-
逆L字の表(table)組み
-
tableでcolspanを使うと次行以...
-
HTMLのテーブルで桁をそろ...
-
テーブルのセルにアンカー
おすすめ情報