码迷,mamicode.com
首页 > Web开发 > 详细

CSS+div经典布局之(四)

时间:2017-10-19 00:51:42      阅读:235      评论:0      收藏:0      [点我收藏+]

标签:ext   lin   back   center   image   style   es2017   idt   tle   

固定宽度且居中

<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <title>15-21</title>
<style type="text/css">
#container{
    border: 1px #000 solid;
    width: 122px;
    margin:0px auto;
    padding: 10px 0px;
}
#banner{
    border: 1px #000 solid;
    width:100px;
    height: 50px;
    margin: 10px;
    padding: 10px 0px;
}
#links{
    border: 1px #000 solid;
    width: 100px;
    height: 50px;
    margin: 10px;
    padding: 10px 0px;
}
#content{
    border:1px #000 solid;
    width:100px;
    height: 100px;
    margin: 10px;
    padding: 10px 0px;
}
#footer{
    border: 1px #000 solid;
    width:100px;
    height: 40px;
    margin:10px 10px 0px 10px;
    padding: 10px 0px;
}


</style>
</head>
<body>
<div id="container" align="center">
    <div>#container</div>
    <div id="banner">#banner</div>
    <div id="links">#links</div>
    <div id="content">#content</div>
    <div id="footer">#footer</div>

</div>

</body>
</html>技术分享

 

CSS+div经典布局之(四)

标签:ext   lin   back   center   image   style   es2017   idt   tle   

原文地址:http://www.cnblogs.com/yanmengdi/p/7690005.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!