Web制作における雑多な知識その9
・リスト表示
<ul><li>箇条書き</li></ul>
<ol><li>順番</li></ol>
<dl><dt>見出し</dt>
<dd>中身</dd></dl>
・中央揃え
margin:0 auto;
・backgroundのリピート表示など
background-repeat:repeat-x
background-image:url(AAA.jpg);
background-position:right bottom;
基準値:左・上
background-position:left 2px;
・要素の切り替え方
javaでは
onMouse over
<a href=”">
<img src=”AAA.jpg” onMouseover=”BBB.jpg”>マウスを乗せると切り替わる
<img src=”AAA.jpg” onMouseout=”AAA.jpg”>マウスを離すと元に戻る
</a>
cssでは
透明な画像+背景だけ切り替える時など(レイヤー的に)
:hover
01 a{
text-decoration:underline
background-color:#666666;
}
01 a:hover{
text-decoration:none
background-color:#FFFFFF;
}