????????????????????????????????????????????????/*gongong*/
????*{
????????margin:0;
????????padding:0;
????????font-family:"Microsoft?YaHei";
????????color:?#fff;
????????background:?#0E0E0E;;
????}
????.clear{?clear:?both;}
????ul,li{list-style:?none;}
????a{text-decoration:?none;??}
????.container{
????????/*text-align:?center;*/
????????margin:0?auto;
????????width:80%;;
????}
????????????????????????????????/*head*/
.head{
????width:?100%;
????height:80px;
????background:?#000;
????border-top:?1px?solid?#fff;
????margin-top:?30px;
}
.logo{
????width:30%;
????height:80px;
????background:?#000;
????float:?left;
????background:url("http://climg.mukewang.com/58c0d2d900016ce303000100.png")?no-repeat?left;
}
.nav{
????width:70%;
????height:?80px;
????background:?#000;
????float:?right;
}
.nav?ul{??width:100%;
????float:?right;}
.nav?ul?li{??float:?right;??line-height:80px;?margin-right:?50px;
????height:80px;}
?.nav?a:hover{?color:?orange;?font-size:?18px;}
????????????????????????????????????????????????????/*content*/
.content{??width:100%;??background:?#ADD8E6;?}
.left{??float:?left;??background:?#ADD8E6;??width:50%;??height:300px;?line-height:?2em;}
h1{font-size:?20px;?background:?#ADD8E6;color:?#000;margin-bottom:?10px;?}
.left?span{??background:?#CC3333;?margin-right:?10px;}
.left?.box{
????background:?red?;
????position:?relative;
????top:10%;
????left:10%;
????width:?70%;
}
.right{
????float:?right;
????background:?#ADD8E6;
????width:50%;
????height:300px;
}
.right-list{??background:?#ADD8E6;}
.right-list?a{??background:?#ADD8E6;
????color:?#000;padding-left:?20px;
????line-height:40px;}
.right-list?a:hover{color:orange;font-size:?14px;}
????????????????????????????????????????????????????????????/*footer*/
.footer{
????width:100%;
????height:80px;
????background:?purple;
????clear:?both;
????line-height:80px;
????background:?#000;
????border-top:?1px?solid?white;
????margin-top:?20px;
}
.footer?.copyright{
????width:100%;
????margin:0?auto;
????height:80px;
}
.footer?a{
????display:?block;
margin-left:?20px;}
.footer?ul?li{
????float:?left;
}
- 2 回答
- 0 關注
- 1149 瀏覽
相關問題推薦
添加回答
舉報
0/150
提交
取消