| 网站首页 | 业界新闻 | 小组 | 威客 | 人才 | 下载频道 | 博客 | 代码贴 | 在线编程 | 编程论坛
欢迎加入我们,一同切磋技术
用户名:   
 
密 码:  
共有 6028 人关注过本帖, 1 人收藏
标题:[原创]用CSS做了个一行三列的表格!
取消只看楼主 加入收藏
IP
Rank: 1
等 级:新手上路
帖 子:56
专家分:0
注 册:2004-11-17
收藏(1)
 问题点数: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
快速回复:[原创]用CSS做了个一行三列的表格!
数据加载中...
 
   



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

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