2013-07-16から1日間の記事一覧
.layoutQ23 ul{ margin:20px; width:150px; background-color:#FFF; } .layoutQ23 ul li{ margin-bottom:10px; padding:15px 35px 15px 10px; border:2px solid #0FF; } .layoutQ23 ul li a{ color:#0ff; } .layoutQ23 ul li:hover{ background-color:#0ff; …
/*css*/ .layoutQ22 ul{ margin:20px; width:120px; background-color:#FFF; border-top:1px dotted #0FF; } .layoutQ22 ul li{ background:url(img/listimg.jpg) left no-repeat; padding:20px 0 20px 30px; border-bottom:1px dotted #0FF; } .layoutQ22 u…
/*css*/ #wrapper .layoutQ21 ul{ width: 100px; color:#fff; } .layoutQ21 ul li{ padding:20px 10px; text-align:center; } .layoutQ21 ul li#new{ background-color:#F00; } .layoutQ21 ul li#info{ background-color:#F66; } .layoutQ21 ul li#item{ bac…
/* CSS*/ #img{ text-align: center; } <div id="container"> <div id="img"> <img src="img/06.jpg"> </div> </div>
/* CSS*/ .layoutQ18 table{ background-color:#FFF; } .layoutQ18 td { margin:20px 30px 30px; font-size:0.7em; text-align:center; border:1px solid #666; } .layoutQ18 td img{ height:150px; width:150px; padding:3px; margin-bottom:5px; } .layout…
/* CSS */ .layoutQ17 p{ color:#fff; } .layoutQ17 p img{ float:left; height:200px; width:200px; } <div class="layoutQ17"> <p><img src="img/02.jpg" alt="画像">テキストの位置を指定します。<p> </div>
/* css */ .layoutQ16{ width:415px; height:245px; background-color:#000; color:#fff; } .layoutQ16 dl{ background-image:url(img/001.gif); background-position:250px 0; height:245px; background-repeat: repeat-y; } .layoutQ16 dt{ font-size:32px…
/*CSS*/ #low { line-height: 1em; } #normal { line-height: 1.5em; } #high { line-height: 2em; } <div class="line_height"> <p id="low">複数行の文章が一つのかたまりとして表示されている場合、行と行の間隔を「行間」と見なします。行間が狭いとたくさんの情報量を詰め込むことができます</p></div>…
/*CSS*/ #access100 { font-size: 100%; } #access1em { font-size: 1em; } #access16px { font-size: 16px; } #accessmedium { font-size: medium; } #access200 { font-size: 200%; } #access2em { font-size: 2em; } #access32px { font-size: 32px; } #a…
/*CSS*/ .s_content{ width:400px; padding:15px; background-color:#FFF; } .s_content ul li{ padding:15px; margin:15px 15px 30px; } .s_content ul #hyoujun{ border:1px solid #666; } .s_content ul #line_weight{ border:3px solid #666; } .s_conte…
/*CSS*/ nav ul li { background-color:#FF0; width:100px; margin:15px; padding:15px; border:1px solid #fff; } nav ul li:hover{ background-color:#FFF; padding:15px; } nav ul li:active{ background-color:#3cc; } nav ul li a:hover{ color:#F63; b…
a:hover{ color:#F63; }
body{ font-size:16px; color:#333333; line-height:1.5; background-color:#3366CC; } h1{ color:#fff; }
/* reset_css */ h1,h2,h3,p,ul,li,img{ margin: 0; padding: 0; line-height: 1.0; font-family: "Hiragino Kaku Gothic ProN", Meiryo, sans-serif; } ul,ol{ list-style: none; /* マーカーを消す */ } a { text-decoration: none; /* 下線を消す */ } im…
<link rel="stylesheet" href="css/style.css" /></link>
<p>Copyright©CatCafe</p>
<table> <th>名前</th> <td width="200">任意の名前</td> <tr></tr> <th>オス・メス</th> <td width="200">雄orメス</td> <tr></tr> <th height="150">特徴</th> <td width="200" height="150">テキストテキストテキスト</td> <tr></tr> <th height="150">性格</th> <td width="200" height="150">テキストテキストテキスト</td> <tr></tr> <th height="150">写真</th> </table>
<dl> <h1>CatCafeのにゃんこ紹介</h1> <dt>あたる（白キジトラ・オス）</dt> <dd>目と耳が大きくてすばらしくイケメン。<br /> 鳴き声もなかなかかわゆい。<br /> 性格はいたってマイペース。<br /> 段ボール箱のかどや柱で爪とぎをするのが大好き。</dd> <img src="#" alt="photo" height="200px" width="200px" /> <dt>特徴</dt> <dd>大きな目と耳。まがったしっぽ。</dd> <dt>性格</dt> <dd>マイペー</dd></dl>…
<title>CatCafe 安らぎの猫空間</title>
<html lang="ja"> <head> <meta charset="UTF-8" name="description" contents="CatCafe 安らぎの猫空間"></meta></head></html>
