《参考》
@ A B
h{color:red;border-bottom:5px solid blue;border-left:5px solid blue;}
@color
{color:#RRGGBB/rgb( )/色名;} 文字の色を指定する。
ABborder
※
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左
==================================================================
《テスト》Test
------------table06_1.css------------
table{border:10pt outset;background-color:lime;}
(テーブル:ボーダー10pt outset:浮き出し background-color:ライム)
-----------page06_1.css----------------
body{background-image:url(tateda06_1.gif);} 背景画像
-----------base06_1.css----------------
@import url(table06_1.css); 読み込み
@import url(page06_1.css) 読み込み
h1{color:red;border-bottom:5px solid blue;border-left:5px solid blue;}
(文字/赤、下線/直線で5PX色は青、縦線/左5PX色は青)
h2{font-size:12pt;background-color:yellow;}
(文字サイズ:12pt background-color:イエロー)
strong.blue{color:blue;}
-------------------------------------------------------------------------------------------------------------------------------------------------
===========css06_1.htm==========
<html>
<head>
<title>CSS06</title>
<link
rel="stylesheet" href="base06_1.css"
type="text/css">
</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>
<td>郷土料理</td></tr>
</table>
</body>
</html>
2007.07.12 tateda-yoshio