| ポイント |
<![CDATA[
<link rel="stylesheet" href="my.css" type="text/css">
]]>
|
| 説 明 |
別ファイルに定義されているスタイルシートファイルを読み込むにはlinkタグを使い「<link rel="stylesheet" href="スタイルシートファイル名" type="text/css">」のように指定します。スタイルシートファイル名の拡張子はcssです。 |
| サンプル |
<![CDATA[
<html>
<head>
<title>外部スタイルシートを読み込む</title>
<link rel="stylesheet" href="my.css" type="text/css">
</head>
<body>
外部スタイルシートを読み込ます。次のリンク文字にマウスカーソルを重ねると背景色が変わります。<br>
<br>
<a href="http://www.openspc2.org/">OpenSpace</a>
</body>
</html>
]]>
|
| 補足説明 |
my.cssの内容は「a:hover { background-color:orange; }」となっています。
スタイルシートの用例に関してはスタイルシート例文辞典を参照してください。 |
|
■サンプルを実行する >>実行
■各ブラウザでの動作結果を見る >>View! |
外部スタイルシートを読み込む