|
|
(33 intermediate revisions not shown) |
Line 1: |
Line 1: |
- | <html>
| |
- |
| |
- | <head>
| |
- | <meta http-equiv="Content-Type" content="text/html; charset=Shift_JIS">
| |
- | <title>CSS</title>
| |
- | <style type="text/css">
| |
- | <!--
| |
- | p { font-size : 10pt }
| |
- | pz{ font-size : 30pt; color : red}
| |
- | -->
| |
- | .aaa { font-size : 20pt }
| |
- | @charset "UTF-8";
| |
- | body {
| |
- | color: #000;
| |
- | background:#fff;
| |
- | }
| |
- |
| |
- | body, div, dl, dt, dd, ul, ol, li,
| |
- | h1, h2, h3, h4, h5, h6, p {
| |
- | margin: 0;
| |
- | padding: 0;
| |
- | }
| |
- |
| |
- |
| |
- | address, em, strong {
| |
- | font-style:normal;
| |
- | font-weight:normal;
| |
- | }
| |
- |
| |
- | li {
| |
- | list-style: none;
| |
- | }
| |
- |
| |
- |
| |
- | h1, h2, h3, h4, h5, h6 {
| |
- | font-size: 100%;
| |
- | font-weight: normal;
| |
- | }
| |
- |
| |
- | /*フォント*/
| |
- | body {
| |
- | font-family : Times New Roman, sans-serif ;
| |
- | }
| |
- |
| |
- |
| |
- | /*左右2段組み*/
| |
- | div#wrapper {
| |
- | width:950px;
| |
- | background:url(../images/back.gif) repeat-y #f2f2f2;
| |
- | margin:10px auto 0;
| |
- | position:relative;
| |
- | padding:0 0 50px;
| |
- | }
| |
- | div#left_side {
| |
- | width:170px;
| |
- | margin:10px 0 0 10px;
| |
- | float:left;
| |
- | _display:inline;/*IE6用ハック*/
| |
- | }
| |
- | div#main {
| |
- | width:770px;
| |
- | float:right;
| |
- | margin:10px 0 20px;
| |
- | }
| |
- |
| |
- | /*clearfix*/
| |
- | .clearfix:after {
| |
- | content:".";
| |
- | display:block;
| |
- | height:0;
| |
- | visibility:hidden;
| |
- | clear:both;
| |
- | }
| |
- |
| |
- |
| |
- | /*カラム*/
| |
- |
| |
- | div.col01 {
| |
- | width:360px;
| |
- | height:230px;
| |
- | background:#fff;
| |
- | margin:0 0 20px 20px;
| |
- | float:left;
| |
- | _display:inline;
| |
- | }
| |
- |
| |
- | div.col02 {
| |
- | width:360px;
| |
- | height:230px;
| |
- | background:#fff;
| |
- | margin:0 0 20px 20px;
| |
- | float:left;
| |
- | _display:inline;
| |
- | }
| |
- |
| |
- | div.col03 {
| |
- | width:360px;
| |
- | height:230px;
| |
- | background:#fff;
| |
- | margin:0 0 20px 20px;
| |
- | float:left;
| |
- | _display:inline;
| |
- | }
| |
- | div.col04 {
| |
- | width:360px;
| |
- | height:230px;
| |
- | background:#fff;
| |
- | margin:0 0 20px 20px;
| |
- | float:left;
| |
- | _display:inline;
| |
- | }
| |
- | div.col02 div.photo_a {
| |
- | float:left;
| |
- | }
| |
- | div.col02 div.text {
| |
- | width:170px;
| |
- | float:right;
| |
- | }
| |
- | /*画像トリミング*/
| |
- | div.photo_a {
| |
- | width:160px;
| |
- | height:220px;
| |
- | margin:4px;
| |
- | border:1px solid #f99;
| |
- | overflow:hidden;
| |
- | position:relative;
| |
- | z-index:2;
| |
- | }
| |
- | div.photo_b {
| |
- | width:160px;
| |
- | height:110px;
| |
- | margin:4px;
| |
- | border:1px solid #f99;
| |
- | overflow:hidden;
| |
- | position:relative;
| |
- | z-index:2;
| |
- | }
| |
- | /*画像位置調整*/
| |
- | div.photo_a img, div.photo_b img {
| |
- | position:relative;
| |
- | left:-4px;
| |
- | top:-4px;
| |
- | }
| |
- | div.col01 h2, div.col02 h2,div.col03 h2{
| |
- | line-height:2em;
| |
- | text-align:center;
| |
- | margin:10px 5px;
| |
- | background:#f99;
| |
- | font-size:80%;
| |
- | font-weight:bold;
| |
- | color:#666;
| |
- | }
| |
- | div.col02 h2 {
| |
- | margin:5px 5px 10px;
| |
- | }
| |
- | div#main p {
| |
- | font-size:70%;
| |
- | color:#666;
| |
- | margin:0 5px;
| |
- | line-height:2em;
| |
- | }
| |
- | div#main p.syousai {
| |
- | text-align:right;
| |
- | }
| |
- | div#main p.syousai a {
| |
- | color:#ff66bd;
| |
- | }
| |
- | div#main p.syousai a:hover {
| |
- | color:#66e3ff;
| |
- | }*/
| |
- |
| |
- | /*ナビゲーション*/
| |
- | ul#global_navi {
| |
- | margin:40px 0 0;
| |
- | }
| |
- | ul#global_navi li {
| |
- | width:170px;
| |
- | height:40px;
| |
- | overflow:hidden;
| |
- | margin:20px 0;
| |
- | }
| |
- | ul#global_navi li a {
| |
- | display:block;
| |
- | width:170px;
| |
- | height:40px;
| |
- | }
| |
- |
| |
- | ul#global_navi li a:hover img {
| |
- | position:relative;
| |
- | top:-40px;
| |
- |
| |
- | </style>
| |
- | </head>
| |
- |
| |
- | <body>
| |
- | <div id="wrapper" class="clearfix"></div>
| |
- | <div id="left_side"></div>
| |
- | <div id="col01">The world has become bitter against smokers.However, many people like smoking and can't quit smoking.You might be one of such people.
| |
- | So, what if you got stinky in your mouth if you smoked or broke the "non-smoking promise"?? Very stinky breath will go out from your mouth,and
| |
- | all the people around you, the professors , friends, family members ,and also boy/girl friends.Then you will get so alone....<BR>
| |
- | We are growing E.coli or bacterias which express the enzyme that reacts Dioxine and catalyzes a smelling substract.</div>
| |
- | </body>
| |
- | </html>
| |
| [[Team:Todai-Tokyo/Files | imgfiles]] | | [[Team:Todai-Tokyo/Files | imgfiles]] |