注册 登录
编程论坛 WEB前端(UI)

[原创]用CSS做了个一行三列的表格!

IP 发布于 2005-01-03 21:10, 6036 次点击

以下代码是我用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编辑过]

12 回复
#2
IP2005-01-05 17:12
其实在这里面,二楼说到的两个属性起到关键的作用! 语法: clear : none | left |right | both 参数: none :  允许两边都可以有浮动对象 both :  不允许有浮动对象 left :  不允许左边有浮动对象 right :  不允许右边有浮动对象 说明: 该属性的值指出了不允许有浮动对象的边。 语法: float : none | left |right 参数: none :  对象不浮动 left :  对象浮在左边 right :  对象浮在右边 说明: 该属性的值指出了对象是否及如何浮动。 当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。
#3
voro2005-01-06 18:19
说的很详细,但是在运行后我却看不出“FLOAT”对页面的影响!请问这个属性怎么用啊!?
#4
voro2005-01-06 18:25
还有,《#firstrow》是定义什么用的??!
#5
IP2005-01-06 21:27
如果不用到float属性的话,三个表格单元就不会在一行上显示了!
你可以试一下!
#6
IP2005-01-06 21:29
至于我在定义那个“firstrow”只是说明一下最外层的那个“div”块的“ID”罢了,没有别的意思!
#7
pmbdlw2005-07-25 08:44
楼主不错啊a。呵呵
#8
islet2005-07-25 11:44
楼主帮我用样式表做一个圆角表格好不好 不要用vml 我看不懂
#9
goodjob_zy2005-08-12 18:34
受益非溥!!!!
谢谢楼主!!!
#10
lhayjx2005-08-15 17:14
直接晕倒!~
#11
ChiyungWang2005-09-07 13:21
[CODE]
&lt;table style="border:1px dotted black"&gt;&lt;br /&gt;
&lt;tr&gt;&lt;td&gt;hhhh&lt;/td&gt;&lt;td&gt;jjjj&lt;/td&gt;&lt;td&gt;kkkk&lt;/td&gt;&lt;/tr&gt;&lt;br /&gt;
&lt;/table&gt;
[/CODE]


楼主帮我用样式表做一个圆角表格好不好 不要用vml 我看不懂
-----------------------
CSS能实现吗?
#12
tangwenbing2008-09-03 10:55
还可以
#13
不懂法2008-09-15 11:12
直接晕倒!~
1