| 编程中国 | 业界新闻 | 技术文章 | 视频教程 | 下载频道 | 程序源码 | 个人空间 | 编程论坛
全能ASP/PHP/ASP.NET主机,支持月付专业 MSSQL 数据库空间,支持月付专业 MySQL 数据库空间,支持月付买域名,送MP3、MP4
高端软件开发 = 年薪十万不是梦赛孚耐:软件保护加密专家身份认证令牌USB KEY买空间,免费送域名(厦门中资源)
共有 2433 人关注过本帖
标题:[原创]用CSS做了个一行三列的表格!
收藏  订阅  推荐  打印 
IP
Rank: 2
等级:注册会员
帖子:56
积分:710
注册:2004-11-17
[原创]用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-1-3 21:10
IP
Rank: 2
等级:注册会员
帖子:56
积分:710
注册:2004-11-17

其实在这里面,二楼说到的两个属性起到关键的作用! 语法: clear : none | left |right | both 参数: none :  允许两边都可以有浮动对象 both :  不允许有浮动对象 left :  不允许左边有浮动对象 right :  不允许右边有浮动对象 说明: 该属性的值指出了不允许有浮动对象的边。 语法: float : none | left |right 参数: none :  对象不浮动 left :  对象浮在左边 right :  对象浮在右边 说明: 该属性的值指出了对象是否及如何浮动。 当该属性不等于none引起对象浮动时,对象将被视作块对象(block-level),即display属性等于block。也就是说,浮动对象的display特性将被忽略。

一起努力!
2005-1-5 17:12
voro
Rank: 1
等级:新手上路
帖子:7
积分:170
注册:2005-1-5

说的很详细,但是在运行后我却看不出“FLOAT”对页面的影响!请问这个属性怎么用啊!?

只能这样了,并不是我不想做到最好,只是有些东西是不能随人愿的…… http://7108.91x.net
2005-1-6 18:19
voro
Rank: 1
等级:新手上路
帖子:7
积分:170
注册:2005-1-5

还有,《#firstrow》是定义什么用的??!

只能这样了,并不是我不想做到最好,只是有些东西是不能随人愿的…… http://7108.91x.net
2005-1-6 18:25
IP
Rank: 2
等级:注册会员
帖子:56
积分:710
注册:2004-11-17

如果不用到float属性的话,三个表格单元就不会在一行上显示了!
你可以试一下!

一起努力!
2005-1-6 21:27
IP
Rank: 2
等级:注册会员
帖子:56
积分:710
注册:2004-11-17

至于我在定义那个“firstrow”只是说明一下最外层的那个“div”块的“ID”罢了,没有别的意思!

一起努力!
2005-1-6 21:29
pmbdlw
Rank: 2
等级:注册会员
帖子:78
积分:882
注册:2005-1-1

楼主不错啊a。呵呵

2005-7-25 08:44
islet
Rank: 12Rank: 12Rank: 12
等级:贵宾
威望:89
帖子:6552
积分:65834
注册:2005-1-28

楼主帮我用样式表做一个圆角表格好不好 不要用vml 我看不懂
2005-7-25 11:44
goodjob_zy
Rank: 1
等级:新手上路
帖子:5
积分:150
注册:2005-8-4

受益非溥!!!!
谢谢楼主!!!

我有我的个性!!!
2005-8-12 18:34
lhayjx
Rank: 1
等级:新手上路
帖子:13
积分:230
注册:2005-8-10

直接晕倒!~
2005-8-15 17:14
关于我们 | 广告合作 | 编程中国 | 清除Cookies | Archiver | WAP | TOP

编程中国 版权所有,并保留所有权利。鲁ICP备08000592号
Powered by Discuz, Processed in 0.056439 second(s), 9 queries.
Copyright©2004-2008, BCCN.NET, All Rights Reserved