rchg.net
当前位置:首页 >> 请问Css样式如何设置tABlE表格之间的间隔.像这样: >>

请问Css样式如何设置tABlE表格之间的间隔.像这样:

table 不加外框(不用border) td或th中使用style,如果要调节宽度,可以修改width中的值。 如果想要调节行与行之间的宽度,可以在行之间加入一个空行 想要调多宽就加多少个。

如果想控制整个表格大小就用table{width:200px;height:200px;} 如果想控制表格里的每个格子的大小就用table td{width:20px;height:20px;}

cellspacing="0" cellpadding="0"为html中为table定义的属性,在CSS中没有. cellpadding 对应 padding cellspacing 对应 margin 举例: cellpadding=0 等同于CSS中对TABLE定义为: table{ padding:0; } 而在CSS中border属性中分别有4个0px,中间...

可以定义 td { height:80px; vertical-align: text-top; } height是单元格高度 vertical-align是垂直设置text-top是居顶

表格的边框分为3个元素决定:table,th,td; 如果三种元素全部设置了border样式,那么会发现外层有2层border,里面的th与th,td与td,td与th之间的border也是有2层的,所以,在设置border之前最好先想好通过什么样的规则来展现boeder(因为方式很多,...

可以设置外边距margin,例如margin:100px auto; 希望能帮到你

table{border-collapse:collapse;}/*在需要清楚空隙的表格里面加上这个样式,我这个样式是清除了页面所有表格的的空隙,如果需要单独清楚某一个表格,给那个表格加上类或者ID 把table换成ID名或者样式名就可以了*/

border-spacing 属性设置相邻单元格的边框间的距离(仅用于“边框分离”模式)。 table { border-collapse:separate; border-spacing:10px 50px; } 后面的50px就是设置间距的大小

用 border-spacing:100px 就OK。 table { border:solid black 1px; border-spacing:100px; } 不知道为啥在IE6上没效果,这明明是CSS1的属性,郁闷……

$(funtion(){ $("tr:even").css("background-color", "#ccc"); }) even 就是 查找表格的1、3、5...行(即索引值0、2、4...) 或者 $("tr:odd"); 查找表格的2、4、6行(即索引值1、3、5...)

网站首页 | 网站地图
All rights reserved Powered by www.rchg.net
copyright ©right 2010-2021。
内容来自网络,如有侵犯请联系客服。zhit325@qq.com