html5新元素分栏设计

来源:互联网 发布:外汇交易员的一天知乎 编辑:程序博客网 时间:2024/05/16 08:33
1:
设计师通常对页面进行如下规划
上部分:显示导航
中部分:又分为2个部分,左边设置菜单,右边显示文本内容
下部分:显示页面版权信息
<style type="text/css">
header,nav,article,footer{border:#F00 dashed 2px;padding:5px}
header{width:500px}
nav{float:left;width:60px;height:100px }
article{float:left;width:428px;height:100px}
footer{clear:both;width:500px}
</style>
<body>
<header class="bgColor">头部</header>
<nav>菜单部分</nav>
<article>内容部分</article>
<footer>底部说明</footer>
</body>
0 0
原创粉丝点击