CASTコミュの11月30日の宿題　12月7日まで

12月7日までに以下のcssにコメントをつけてきてください
コメントとはその行でなにをしているかの説明で、cssでは/*と*/で囲んで記入します
早めに終わった人は、ここにコメントいれたものを書き込んでください

/* ------------------ cssここから ---------------- */

#logo_box {
width:50px;　　　　　　　/* コメントはこの部分に　*/
height: 50px;　　　　　　/* コメントはこの部分に　*/
border-style: solid;　　/* コメントはこの部分に　*/
position: relative;　　　/* コメントはこの部分に　*/
left:180px;　　　　　　　 /* コメントはこの部分に　*/
}

#top_menu_box {
width: 700px;
height: 50px;
border-style: solid;
color: #ff0000;
position: relative;
left: 180px;
}

#sub_menu_box {
width: 150px;
height: 600px;
border-style: solid;
color: #00ff00;
position: relative;
left: 180px;
}

#sub_menu_box ul {
border-style: solid;
color: #000000;
list-style-type: square;
line-height: 120%;
}

#sub_menu_box ul a:link {
color: #33CC00;
}

#sub_menu_box ul a:hover {
color: #FFFF99;
}

#sub_menu_box ul a:visited {
color: #FFFF00;
}

#main_box {
width: 550px;
height: 600px;
border-style: solid;
color: #0000ff;
position: relative;
top: -606px;
left: 331px;
overflow: scroll;
}

#topic_box {
width: 300px;
height: 200px;
border: solid;
｝

#topic_info {
width: 300px;
height: 150px;
border: solid;
position: relative;
top: 24px;
left: -1px;
color: #000000;
overflow: auto;
}

body strong {
color: #FF0000;
font-size: 1pc;
vertical-align: super;
}

/* ------------------ cssここまで ---------------- */

コメント(1)

最初
全て
最新の40件

[1] mixiユーザー 11月30日 23:48

皆さんこんばんは、もしくはおはようございます、こんにちは。中内です。
不十分な点があったので、福管理人権限でちょっとだけ追加してみました。

参考ＵＲＬ

「スタイルシートリファレンス」
http://www.htmq.com/style/index.shtml
http://desperadoes.biz/style/base/index.php

「W3C公式（英語＆レベル高い）」
http://www.w3.org/Style/CSS/

因みに、コメントの付け方としては

body { 　　　　　　　　 /* bodyタグに適用 */
position: absolute; 　　　　 /* 位置を絶対値で指定 */
bottom: -20pt 80pt 60pt 30pt; 　 /* ボトムの大きさを上-20pt,右80pt,下60pt,左30ptに指定 */
background-image: url("hoge.jpg") /* hoge.jpgを背景画像にする */
}

みたいな感じが理想かな？
このソースは若干読みづらい構成になってますが仕様ですごめんなさい。
そういえば、#付いてるからHTMLのソースもうｐった方が良い気がするんだけど、どうだろう？

ログインすると、みんなのコメントがもっと見れるよ