<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>蔚蓝网首页</title>
</head>
<style>
*{
margin: 0px auto;
}
ul,li{
margin: 0px;
padding: 0px;
}
.head{
font-size: 12px;
color: #7b7b7b;
height: 28px;
line-height: 28px;
background: #f3f3f3;
overflow: hidden;
}
.head a{
color: #7b7b7b;
text-decoration: none;
}
.head a:hover{
text-decoration: underline;
}
.head ul li{
display: inline-block;
}
.headL,.headR{
display: inline-block;
}
.headL{
margin-left: 460px;
}
.headR{
float: right;
margin-right: 460px;
}
.searchBar ul li{
display: inline-block;
text-decoration: none;
height: 44px;
vertical-align: middle;
}
.searchBar ul li button{
width: 124px;
height: 44px;
background: url("images/search.jpg")no-repeat;
border: hidden;
vertical-align: middle;
}
.searchBar{
list-style: none;
line-height: 36px;
margin: 0px auto;
text-align: center;
vertical-align: auto;
line-height: 46px;
height: 46px;
}
.menu ul li{
font-weight: bold;
width: 180px;
list-style: none;
line-height: 38px;
height: 38px;
display: inline-block;
text-align: center;
color: white;
}
.menu ul li:hover{
cursor: pointer;
background: steelblue;
text-decoration: underline;
}
.menu ul{
background: #5bc1f9;
height: 38px;
}
.menu{
margin: 0px;
text-align: center;
}
.body{
width: 100%;
overflow: hidden;
margin: auto;
}
.bodyL{
float: left;
display: inline-block;
border: 1px solid silver;
width: 180px;
margin-left: 480px;
height: 190px;
}
.bodyL div{
margin-bottom: 6
蔚蓝网
最新推荐文章于 2021-06-04 11:00:10 发布