基礎ゼミチーム/basic seminar team/link

From OpenWetWare
Jump to navigationJump to search

<html> <head> <style type="text/css"> /* 一番外側のboxのかこいです。幅1000px、高さ2000px */

  1. wrapper{

width:1000px; /*height:2000px;*/ }



/* タイトルのboxです。内側は上に10px、左側30px*/ div#head-1{ color:#008000; font-size:30px; width:970px; height:40px; padding:10px 0px 0px 30px; }

/* タイトル下の太めアンダーライン 枠が3px X 2で6pxずらしてる  */

  1. head-under{

height:7px; width:994px; border-style:solid; border-width:3px; border-color:#98FB98; background-color:#008000; }


/* メニューの外枠 */ div#menu{ width:1000px; height:40px; text-align:center; padding:8px 0px; font-size:22px; }

/* リンクボタン左端 線なしなので200px */ div#HOME{ width:165px; height:30px; float:left; }

/* リンクボタン線あり 線の幅2pxと中の枠198px */ div#bottun{ width:163px; height:30px; border-style:solid; border-width:0px 0px 0px 2px; float:left; }

/* リンクボタン */

  1. menu a:link{

color:black; }

/* リンクボタン 押したことのあるやつの色 */

  1. menu a:visited{

color:#777; }

/* カーソル置いた時の変化 背景が変わる */

  1. menu a:hover div{

background-color:#eee; }


/* ヘッドの下の細い線 */

  1. under-line{

clear:left; width:1000px; height:4px; background-color:green; margin:6px 0px; }


/*ここまでヘッドのスタイルシート*/


/* タイトルの配置 */

  1. line-title{

width:912px; height:30px; float:left; margin:10px 0px 0px 30px; }


/* タイトル文字 */ font#head{ valign:bottom; font-size:27px; color:#8B4513; }


/* 左上の白いBOX */

  1. line1

{ background-color:white; float:left; width:28px; height:40px; }


/*左真ん中の色つき横側線*/

  1. line2{

background-color:#FF4500; width:20px; height:40px; float:left; }

/* 真ん中左の空白 */

  1. line2-5{

clear:left; float:left; width:20px; height:6px; background-color:white; }

/* 真ん中の細長線*/

  1. line3{

height:6px; background-color:#FF4500; width:950px; float:left; }

/* 下側左の空白 */

  1. line4{

background-color:white; width:28px; height:5px; float:left; clear:left; }


/*下真ん中の色つき縦線 */

  1. line5{

background-color:#FF4500; width:20px; height:5px; float:left; }

/* した右側の空白 */

  1. line6{

background-color:white; width:932px; height:5px; float:left; }

/* タイトル下空白 */

  1. yohaku{

width:1000px; clear:left; height:7px; color:white; text-align:right; }

  1. yohaku a{

color:white; }


/* 記事左側余白 */

  1. kiji-line1{

width:36px; background-color:white; float:left; clear:left; height:2px; }


/* 記事左側色つき線 */

  1. kiji-line2{

width:3px; float:left; height:500px; background-color:#8B4513; }


/* 記事内容 幅931px+マージン15px×2+3px+36px = 1000px */

  1. kiji{

width:931px; /*height:500px;*/ float:left; background-color:white; padding:15px; border-style:solid; border-width:0px 0px 3px 3px; border-color:#8B4513; }




</style> </head> <body>

</body> </html>