收藏
批改状态：未批改
老师批语：
main.css
.container{
margin-top: 5px;
height:600px;
width:1000px;
}
.wrap{
height: inherit;
width: inherit;
background-color: #444444;
float: left;
}
.main{
padding-left: 210px;
padding-right:210px;
}
.left {
height:inherit;
width: 200px;
background-color: red;
float: left;
margin-left: -1000px;
}
.right{
height:inherit;
width: 200px;
background-color: yellow;
float: left;
margin-left:-200px;
}
=======================================================
header.css
* {
padding: auto;
margin: auto;
}
.header{
height: 100px;
background-color: black;
}
.header_dh{
width: 1000px;
}
.header_logo{
width: 200px;
margin-top: 17.5px;
float: left;
}
.top_link{
line-height: 120px;
}
.top_link_a{
color: white;
display: inline-block;
height: 100px;
width: 150px;
text-align: center;
font-size: 20px;
}
a:hover{
color: black;
background-color: white;
font-size: 1.5em;
}
a {
text-decoration: none;
}
=========================================
footer.css
.footer{
height: 100px;
margin-top: 10px;
padding: auto;
}
.footer_aaa{
padding-top:30px;
height: inherit;
width: 1000px;
background-color: lightgray;
text-align: center;
font-size: 20px;
line-height: 30px;
}
======================================
banner.css
.banner{
margin: auto;
padding: auto;
height: 400px;
}
.banner_images{
width: 1000px;
height: inherit;
}index.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <link rel="stylesheet" href="css/header.css"> <link rel="stylesheet" href="css/banner.css"> <link rel="stylesheet" href="css/main.css"> <link rel="stylesheet" href="css/footer.css"> <title>我的公司</title> </head> <body> <div class="header"> <div class="header_dh"><!--导航条--> <div class="header_logo"> <img src="images/logo.png" width="200" alt=""> </div> <div class="top_link"> <ul> <a href="/" class="top_link_a">首页</a> <a href="/" class="top_link_a">关于公司</a> <a href="/" class="top_link_a">产品与服务</a> <a href="/" class="top_link_a">公司文章</a> <a href="/" class="top_link_a">联系我们</a> </ul> </div> </div> </div> <div class="banner"> <!--广告条--> <div class="banner_images"><img src="images/banner.jpg" alt=""></div> </div> <!--主体--> <div class="container"> <div class="wrap"> <div class="main">内容</div> </div> <div class="left">左侧</div> <div class="right">右侧</div> </div> <div class="footer"> <div class="footer_aaa"> <dl> <dt>电话:13333333333 微信:1333333333</dt> <dt>地址:辽宁省沈阳市三好街12号</dt> <dt>备案地址:<a href="/">辽备1258888</a></dt> </dl> </div> </div> </body> </html>
Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
