html三行两列列表,DIV+CSS三行两列经典布局

这篇博客介绍了HTML三行两列的经典布局,结合CSS实现页面的居中和高度自适应。通过阿捷在《网页设计师》中分享的代码示例,展示了如何创建这一布局。文章还讨论了SEO角度的优势,指出通过调整内容顺序,使搜索引擎更快地抓取核心内容,提高网页排名。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

开抢了!双11创业者优选服务!

这个XHTML1标准的DIV+CSS布局是著名网页设计师阿捷2004年发布在《网页设计师 》上的,一个非常经典的布局,在IE、Mozilla和Opera浏览器中均可以实现居中和高度自适应。完整代码如下(在原代码的基础上作了一定规范整理):

SEO参考:XHTML之经典三行两列布局- seobbs.net

body {

background: #999;

text-align: center;

color:#333;

font-family:Verdana,Arial, Helvetica, sans-serif;

}

a:link,visited {color:#004592;text-decoration:none;}

a:hover {color:#004592;text-decoration:underline;}

a:active {color:#004592;text-decoration:none;}

img {border:0px;}

#header {

margin-right: auto;

margin-left: auto;

padding: 0px;

width: 776px;

background: #EEE;

height: 60px;

text-align: left;

}

#contain {

margin-left: auto;

margin-right: auto;

width: 776px;

}

#mainbg {

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值