==========base06

《参考》

①　　　②　　　　　　　　　　　　　③

h{color:red;border-bottom:5px solid blue;border-left:5px solid blue;}

①color

{color:#RRGGBB/rgb( )/色名;} 文字の色を指定する。

②③border

※ 1）border-style 枠線のスタイルを指定する。

{border-style:solid/double/groove/ridge/inset/outset/none;}

Solid：直線　double：二重線　groove：溝線　ridge：稜線

inset：沈みこみ　outset：浮き出し　none：枠線なし

※ 2）border-top-style、border-right-style、border-bottom-style、border-left-style

枠線のスタイルを個別に指定する。

(書式、属性値は、border-styleと同様)

※ top上　right右　bottom下　left左

==================================================================

------------table06_2.css------------

table{border:5pt double;background-color:yellow;}

(テーブル：ボーダー5pt　double：二重線　background-color：イエロー)

-----------page06_2.css----------------

body{background-image:url(tateda06_2.gif);}　背景画像

-----------base06_2.css----------------

@import url(table06_2.css);　読み込み

@import url(page06_2.css)　 読み込み

h1{color:black;border-bottom:7px ridge red; border-left:7px ridge red;}

（文字/黒、下線/稜線で7PX色は赤、縦線/左7PX色は赤）

h2{font-size:10pt;background-color:yellow;}

（文字サイズ：10pt 　background-color：イエロー）

strong.blue{color:blue;}

==================================================================

<html>

<head>

<title>CSS06</title>

</head>

<body>

<h1>Menu</h1>

<h2>その他</h2>

<strong class="blue">お支払いに加算れるもの以下のような表示は、支払いの際に加算されます。</strong>

<table border="1">

<tr><td>コペルトCoperto(席料)</td>

<td>テーブルチャージのこと</td></tr>

<tr><td>イーバエセリヴィーツィオ</td>

<td>サービス料のこと</td></tr>

</table>

<h2>オーダーの目安となる表記</h2>

<strong class="blue">以下のような言葉はオーダーの際の目安になります。注意しましょう。</strong>

<table border="1">

<tr><td>piatti del giorni</td>

<td>本日の料理</td></tr>

<tr><td>Lo chef consiglia</td>

<td>シェフのおすすめ料理</td></tr>

<tr><td>piatti tipici</td>

</table>

</body>

</html>

2007.07.12 tateda-yoshio