2012-11-29から1日間の記事一覧

擬似クラスの練習

CSS

<html lang="ja"> <head> <meta charset="UTF-8"> <title>擬似クラスの練習</title> <style> ul { list-style-type: none; } li { font-size: 1.6em; font-weight: bold; margin: 0 10px 10px 0; float: left; } li a { display: block; padding: 5px 1em; width: 200px; } …</meta></head></html>

破線枠で囲む

CSS

<html lang="ja"> <head> <meta charset="UTF-8"> <title>破線枠で囲む</title> <style> body { font-size: 1.0em; } .box1, .box2 { border: 1px solid #999; margin-bottom: 18px; padding: 12px; } .box2 p { background-color: #acf; } p { border-bottom: 1px dashed…</meta></head></html>

実践枠で囲む

CSS

<html lang="ja"> <head> <meta charset="UTF-8"> <title>実践枠で囲む</title> <style> body { font-size: 1.0em; } p { margin: 12px 0; padding: 12px; } .border1 { border: 1px solid #666; } .border2 { border: 4px solid #666; } .border3 { border: 1px solid #f…</meta></head></html>

CSS練習

授業

実践枠で囲む 破線枠で囲む 擬似クラスの練習（リンクの文字色・背景色） 背景色と余白 背景画像を設定 背景画像を設定（水平方向に繰り返し） 背景画像を設定（垂直方向に繰り返し） 背景画像と枠線 背景画像（繰り返さない） 覚え書き div …division idとc…