2013-07-15から1日間の記事一覧

復習(5)float

Q24 以下のように表示するよう設定をしなさい div { width: 300px; } #p1 img { float: left; } #p2 { clear: left; } #p3 img { float: right; } #p4 { clear: right; } <div> <p id="p1"> <img src="img/q20.jpg" alt="レモン"> 段落1のテキストです。段落1のテキストです。段落1のテキストです。 </p> <p id="p2"> 段落2の</p></div>…

復習(4)リスト

Q21 マウスが乗った状態を設定しなさい ul { width: 100px; text-align: center; } li { font-weight: bold; } li a{ display: block; padding: 20px 10px 20px 10px; } li a:link,li a:visited{ color: #ffffff; } a#new:link,a#new:visited{ background-co…

復習(3)画像と背景画像

Q16 以下の表示になるよう設定しなさい h1,p { margin: 0; padding: 0; } body { background-color: #222222; background-image: url(img/q16.gif); background-repeat: repeat-y; background-position: 280px; font-family: "Hiragino Kaku Gothic ProN", M…