加入 Gitee
与超过 1200万 开发者一起发现、参与优秀开源项目,私有仓库也完全免费 :)
免费加入
文件
该仓库未声明开源许可证文件(LICENSE),使用请关注具体项目描述及其代码上游依赖。
克隆/下载
css.css 2.93 KB
一键复制 编辑 原始数据 按行查看 历史
徐中月 提交于 2022-03-22 15:33 . test
body,img,ul,li{
margin: 0px;
padding: 0px;
}
ul,ol,li{
list-style: none;
}
/* 头部标签 */
#header{
width: 100%;
height: 58px;
border: 1px solid red;
/* position: fixed; */
}
.header{
width: 1200px;
height: 58px;
border: 1px solid greenyellow;
margin: 0px auto;
background-color: white;
}
.header_left{
width: 200px;
height: 58px;
border: 1px solid cornflowerblue;
background-color: #F5F5F5;
float: left;
}
.header_left>img{
height: 42px;
margin: 6px 25px;
/* border: 1px solid green; */
}
.header_center{
width: 800px;
height: 58px;
border: 1px solid royalblue;
float: left;
}
.header_center>ul{
line-height: 58px;
text-align: center;
}
.header_center>ul>li{
width: 98px;
border: 1px solid blue;
float: left;
margin-left: 0px;
font-size: 12px;
color: #333333;
}
.header_right{
width: 190px;
height: 58px;
border: 1px solid black;
float: right;
}
.header_right_search{
width: 80px;
height: 58px;
border: 1px solid palevioletred;
float: left;
}
.header_right_login{
width: 80px;
height: 58px;
border: 1px solid palevioletred;
float: right;
}
/* 中间导航栏标签 */
#nav{
width: 100%;
height: 550px;
}
.nav{
width: 1200px;
height: 550px;
border: 1px solid black;
margin: 0px auto;
}
.nav_left{
width: 300px;
height: 550px;
border: 1px solid blue;
margin-right: 10px;
float: left;
}
.nav_right{
width: 880px;
height: 550px;
border: 1px solid purple;
float: right;
}
.nav_right_top{
width: 880px;
height: 360px;
border: 1px solid #0000FF;
}
.nav_right_top>img{
width: 880px;
}
.nav_right_bottom{
width: 880px;
height: 180px;
border: 1px solid #0000FF;
}
.nav_right_bottom>div{
width: 285px;
height: 180px;
border: 1px solid red;
float: left;
margin: 2px;
}
/* 尾栏标签 */
#footer{
width: 100%;
height: 560px;
border: 1px solid black;
margin: 30px 0 0;
}
.footer{
width: 1200px;
height: 560px;
margin: 0px auto;
border: 1px solid red;
background-color: #2a2a32;
}
.footer_top{
width: 1200px;
height: 450px;
border: 1px solid yellow;
}
.footer_top_left{
width: 380px;
height: 450px;
border: 1px solid olive;
float: left;
margin-right: 20px;
}
.footer_top_left>h2{
color: #FFFFFF;
}
.footer_top_left>p{
color: #949498;
}
.footer_top_center{
width: 380px;
height: 450px;
border-left: 1px solid black;
float: left;
margin-right: 20px;
}
.footer_top_center>div{
width: 100px;
height: 400px;
border: 1px solid black;
float: left;
margin: 0 10px 0 10px;
}
.footer_top_center>div>h2{
color: #FFFFFF;;
}
.footer_top_center>div>ul>li>a{
text-decoration: none;
color: #949498;
}
.footer_top_center>div>ul>li>a:hover{
color: #FFFFFF;
font-weight: bold;
}
.footer_top_right{
width: 380px;
height: 450px;
border-left: 1px solid black;
float: left;
position: relative;
}
.footer_top_right>div{
position: relative;
top: 200px;
left: 150px;
}
.footer_top_right>div>img{
width: 150px;
height: 150px;
}
.footer_top_right>div>h3{
color: #949498;
}
.footer_top_right>div>strong{
color: #fd4237;
}
马建仓 AI 助手
尝试更多
代码解读
代码找茬
代码优化