見出しのスタイルを定義
見出しの見た目を調整するコードを書き足します。
styles.css コード
* {
margin: 0;
padding: 0;
}
h1{
margin: 15px 0 10px 0;
padding: 3px;
font-size: 130%;
font-weight: bold;
background-color: #ffffff;
}
h2{
margin: 15px 0 10px 5px;
padding: 3px;
font-size: 120%;
font-weight: bold;
background-color: #eeeeee;
border-left: 8px solid #ff0000;
}
h3{
margin: 15px 0 10px 10px;
padding: 0;
font-weight: bold;
}
Internet Explorer 7 でのプレビュー
- ページ先頭へ
- 前のエントリ: CSSに共通のスタイルを追加
- 次のエントリ: 段落のスタイルを定義
- カテゴリ:CSSを適用する