ulリストのスタイル定義
ulリストの見た目を調整するコードを書き足します。
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;
}
p{
margin: 10px 5px 10px 15px;
}
dl{
margin: 20px 0 10px 15px;
padding: 0;
}
dt{
margin: 15px 0 0 0;
padding: 0;
font-weight: bold;
}
dd{
margin: 5px 0 5px 15px;
padding: 0;
}
ul{
margin: 0 0 10px 5px;
padding: 0;
list-style-type: none;
}
li{
margin: 0 0 5px 0;
padding: 0;
}
Internet Explorer 7 でのプレビュー
- ページ先頭へ
- 前のエントリ: dlリストのスタイルを定義する
- 次のエントリ: 各領域のブロックを定義
- カテゴリ:CSSを適用する