|
|
| Line 1: |
Line 1: |
| − | body {
| |
| − | margin:0;
| |
| − | background-color: #abcdef;
| |
| − | }
| |
| − | #head {
| |
| − | background-image: url(bg1.jpg);
| |
| − | background-size:100%;
| |
| − | height:100px;
| |
| | | | |
| − | }
| |
| − | #logo {position:absolute;
| |
| − | left:0px;
| |
| − | top:0px;
| |
| − | width:100px;
| |
| − | }
| |
| − | ul
| |
| − | {
| |
| − | list-style-type:none;
| |
| − | margin:0;
| |
| − | padding:0;
| |
| − | overflow:hidden;
| |
| − | }
| |
| − | li
| |
| − | {display:inline;
| |
| − | float:right;
| |
| − | background-color:#fdf;
| |
| − |
| |
| − | width:60px;
| |
| − |
| |
| − | }
| |
| − | div{
| |
| − | border: red solid thin;
| |
| − | outline-style: dotted;
| |
| − | }
| |
| − | #group1 {
| |
| − | height:300px;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | #group2 {
| |
| − | height:300px;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | #group3 {
| |
| − | height:300px;
| |
| − |
| |
| − |
| |
| − | }
| |
| − | #g1p {
| |
| − | float:left;
| |
| − | position:relative;
| |
| − | top:17%;
| |
| − | left:4%;
| |
| − | height:200px;
| |
| − | border: red solid thin;
| |
| − | outline-style: dotted;
| |
| − | }
| |
| − |
| |
| − | #g2p {
| |
| − | float:left;
| |
| − | position:relative;
| |
| − | top:17%;
| |
| − | left:70%;
| |
| − | height:200px;
| |
| − | border: red solid thin;
| |
| − | outline-style: dotted;
| |
| − | }
| |
| − |
| |
| − | #g3p {
| |
| − | float:left;
| |
| − | position:relative;
| |
| − | top:17%;
| |
| − | left:4%;
| |
| − | height:200px;
| |
| − | border: red solid thin;
| |
| − | outline-style: dotted;
| |
| − | }
| |
| − |
| |
| − | div#group1 p
| |
| − | {float:right;
| |
| − | }
| |
| − | div#group2 p
| |
| − | {float:left;}
| |
| − | div#group3 p
| |
| − | {float:right;
| |
| − | }
| |
| − |
| |
| − |
| |
| − | hr.hr
| |
| − | {width:80%;
| |
| − | border:3 solid #ff0033}
| |