- コード: 全て選択
body { background-image: url(images/kabe.gif); color: #000 }
.text { font-size: 1.2em; color: #006; font-weight: bold }
このように、別途スタイルシートだけを記述した文書を作成します。なお、スタイルシート文書の拡張子は、「.css」となります。次に、このスタイルシートを読み込むのには、HTMLのヘッダに次のように埋め込みます。
- コード: 全て選択
<html>
<head>
<head>
< link rel="stylesheet" href="stylesheet.css" type="text/css" >
</head>
このように、link要素を使って、外部のスタイルシートを Webページに読み込ませます。これによって、読み込まれたスタイルシートが、その HTML文書に適用されます。