<table>的一些样式特点

1、<table>中设置了一个行的单元格的宽度会影响这列其他的行的单元格的宽度

2、如果浏览器不支持“cellspacing”,"cellpadding"的情况, <table>的border属性如果不设置成0的话,即出现的效果如下:(单元格间出现分隔,这是由浏览器user agent style所造成的)


要避免出现这种情况,则需要设置"border:0px;"(或者干脆不设置border),这样子也可以实现去除单元格间距的问题。


注意:
(1)
<table id="mctable"  align="center"  border style="width:980px;">   ,结果为:


(2)
<table id="mctable"  align="center"   style="width:980px;">   ,或者:
<table id="mctable"  align="center"  border=“0px”   style="width:980px;"> ,结果为:


3、table中的一些常见属性:
(1)border:表格的边框。比如,border=1,表示表格边框的粗细为1个像素, 

为0表示没有边框。 

(2)cellspacing:单元格间距。当一个表格有多个单元格时,各单元格的距离就是cellspacing, 

表格只有一个单元格,这个单元格与表格上、下、左、右边边框的距离也是cellspacing。 

(3)cellpadding:单元格衬距。指该单元格里的内容与cellspacing区域的距离, cellspacing为0,表示单元格里的内容与表格周边边框的距离。 

(4)width:表格的宽度。width的取值还可以使用百分比,如widht="100%"。 

(5)height:表格的高度,取值方法同width。 

(6)bgcolor:表格的背景色。bgcolor=#ff0000或bgcolor=red。 


<td>单元格也可有此属性。 

(7)background:表格的背景图。<td>也有此属性。 

(8)bordercolor:表格的边框颜色,当border值不为0时此值有效。取值同bgcolor。 

(9)bordercolorlight:亮边框颜色,当border值不为0时设置此值有效。 亮边框指表格的左边和上边的边框。 

(10)bordercolordark:暗边框颜色,当border值不为0时设置有效。 暗边框指表格的右边和下边的边框。 

(11)align:表格的对齐方式,值有left(左对齐)、center(居中)以及right(右对齐)。 


  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值