CSS 网页布局表格制作实例

站长资源 2024/12/27 佚名

71 1538 71

南强小屋 Design By 杰米

相反，该用TABLE的地方是提倡使用TABLE的。

例如下面的的布局，你需要用几个DIV来浮动？

最合理的方法，就是使用表格来实现表格，经过 HeTingYi 的发布以及 goos 的简化，代码如下：

页面结构：

CSS部分：

*{
padding:0;
margin:0;
font:12px/1.5em "SimSun";
}
body {padding:100px;}
table {
width:400px;
text-align:center;
background:#DEE4FF;
border:solid 5px #DEE4FF;
}
.col1,.col2 {width:30%;}
.col3 {width:40%;}
th,td {vertical-align:middle;}
table th{color:#fff;background:#4F86FF;}
table td{color:#2467FA;background:#A1BEFF;}

CSS,网页布局,表格

标签：

CSS,网页布局,表格

南强小屋 Design By 杰米

广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站文章均来自网站采集或用户投稿，网站不提供任何软件下载或自行开发的软件！如有用户或公司发现本站内容信息存在侵权行为，请邮件告知！ 858582#qq.com

南强小屋 Design By 杰米

评论“CSS 网页布局表格制作实例”

暂无CSS 网页布局表格制作实例的评论...