标题:[原创]用CSS做了个一行三列的表格!
取消只看楼主
IP
Rank: 1
等 级:新手上路
帖 子:56
专家分:0
注 册:2004-11-17
 问题点数:0 回复次数:3 
[原创]用CSS做了个一行三列的表格!

以下代码是我用CSS制作的一个一行三列的表格,希望大家能给点意见!!!谢谢!

<html> <head> <meta http-equiv="Content-Type" content="text/html; charset=gb2312"> <title>使用CSS制作一行三列的表格!!!</title> <style type="text/css"> <!-- #firstrow{width:300px;clear:right;} #1{width:100px;background-color:#f00;float:left;} #2{width:100px;background-color:#0f0;float:left;} #3{width:100px;background-color:#00f;float:left;} body { text-align: center; } --> </style> </head> <body> <div id="firstrow"> <div id="1">第一行第一列</div> <div id="2">第一行第二列</div> <div id="3">第一行第三列</div> </div> </body> </html>

[此贴子已经被作者于2005-1-4 17:35:59编辑过]

搜索更多相关主题的帖子: CSS 表格 float left 
2005-01-03 21:10
IP
Rank: 1
等 级:新手上路
帖 子:56
专家分:0
注 册:2004-11-17
得分:0 
其实在这里面,二楼说到的两个属性起到关键的作用! 语法: clear : none | left |right | both 参数: none :  允许两边都可以有浮动对象 both :  不允许有浮动对象 left :  不允许左边有浮动对象 right :  不允许右边有浮动对象 说明: 该属性的值指出了不允许有浮动对象的边。 语法: float : none | left |right 参数: none :  对象不浮动 left :  对象浮在左边 right :  对象浮在右边 说明: 该属性的值指出了对象是否及如何浮动。 当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。

一起努力!
2005-01-05 17:12
IP
Rank: 1
等 级:新手上路
帖 子:56
专家分:0
注 册:2004-11-17
得分:0 
如果不用到float属性的话,三个表格单元就不会在一行上显示了!
你可以试一下!

一起努力!
2005-01-06 21:27
IP
Rank: 1
等 级:新手上路
帖 子:56
专家分:0
注 册:2004-11-17
得分:0 
至于我在定义那个“firstrow”只是说明一下最外层的那个“div”块的“ID”罢了,没有别的意思!

一起努力!
2005-01-06 21:29



参与讨论请移步原网站贴子:https://bbs.bccn.net/thread-10574-1-1.html




关于我们 | 广告合作 | 编程中国 | 清除Cookies | TOP | 手机版

编程中国 版权所有,并保留所有权利。
Powered by Discuz, Processed in 1.058223 second(s), 8 queries.
Copyright©2004-2024, BCCN.NET, All Rights Reserved