あ、昨日でブログ初めて一年でした。
まぁ、そんなわけです。
この頃は専らHP作りに没頭しています。
受験もうすぐだよな～
やばいな～
ガンプラぜんぜんしてないしな～
さて、HP作りなんですが、、、
HP作るって難しいですね。
ただ単に文字を打てばいいだけじゃなく
HTMLっていう言語とCSSっていう言語を使わないといけないんです。
で、まぁ頑張ってHTMLとCSS一応使えるようになりました。
で、今作ってるHPのCSSだけ公開しちゃいます。
body{
background-color:#ffffff;
}
#wrap{
width:700px;
position:absolute;left:50%;
margin-left:-350px;
}
#topimage{
width:700px;
height:372px;
background-image:url(http://stat001.ameba.jp/user_images/20111114/12/primeval1996616/71/eb/p/o0700037211610663296.png);
}
#navi{
height:40px;
}
#main{
width:698px;
min-height:350px;
border:solid 1px;
margin-top:5px;
}
#contents{
width:434px;
min-height:340px;
float:left;
background-color:#ddd;
margin:5px;
}
#info{
width:236px;
float:right;
background-color:#ccc;
border: black 1px solid;
margin:5px;
padding:3px;
}
p.infobox{
height: 5em;
overflow: auto;
border: black 1px solid;
}
#gnavi {
margin:10px 0;
padding:0;
width:700px;
height:40px;
overflow:hidden;
background:#009 url(http://stat001.ameba.jp/user_images/20111114/11/primeval1996616/b0/b0/g/o0700004011610549167.gif);
}
#gnavi li{
list-style:none;
width:140px;
float:left;
}
#gnavi li a{
display:block;
line-height:40px;
color:#fff;
text-align:center;
text-decoration: none;
}
#gnavi li a:hover{
background:#66c url(http://stat001.ameba.jp/user_images/20111114/11/primeval1996616/49/4c/g/o0700004011610549166.gif);
}
p.line{
border-bottom:1px solid #000000;
}
p.copy{
font-size:10px;
}
h5{
margin:0px;
padding:5px 0px 5px 15px;
border-left:#009900 8px solid;
border-bottom:#009900 1px solid;
font-size: small;
font-weight: bold;
color:#333;
}
って、まぁこんな感じです。
HPができたらまた報告します。
このCSS・・・勝手に使ってもいいよｗ
HTML載ってないのにどう使うかが問題だけどねｗｗｗ