表格的css样式大全,表格的css样式大全

纯CSS设置表格样式

!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""

目前创新互联公司已为上千多家的企业提供了网站建设、域名、雅安服务器托管、网站托管、服务器托管、企业网站设计、七星网站维护等服务,公司将坚持客户导向、应用为本的策略,正道将秉承"和谐、参与、激情"的文化,与客户和合作伙伴齐心协力一起成长,共同发展。

html xmlns=""

head

meta http-equiv="Content-Type" content="text/html; charset=utf-8" /

title千声盒子/title

style type="text/css"

/*不要使用标签名作为类名*/

/*.table{text-align:center;width:100%;height:100%;border-width:thin;border-style:solid;border-color:#AA9FFF;border-collapse:separate;}*/

.tbClass {

text-align:center;

width:100%;height:100%;

/*首先对大表格加上左边 和 底边*/

/*我自作主张加上了底边框,可以删掉去*/

/*听说FF下不支持缩写,请你自己把下面的写法拆分出来*/

border-left:2px #AA9FFF solid; /* 左边框 */

border-bottom:2px #AA9FFF solid; /*底边框*/

}

.tbClass td {/*单元格的上边和右边*/

border-top:2px #AA9FFF solid;

border-right:2px #AA9FFF solid;

}

.tbClass td {/*测试用,为了看到效果,你可以把这个删掉去*/

/*width:100px; height:80px;*/

}

/*专门为“盒子那行写的类”*/

.boxCell td { height:101px; padding:0; margin:0}

/style

/head

body

table id="Box" name="Box" class="tbClass" cellspacing=0!--注意! 1:我把类名由table改成tbClass了, 2: cellspacing=0--

?php

for($i=1;$i=1000;$i++){

if($i%5==0){

echo "td$i/td";

echo "/tr

tr class=\"boxCell\"

td盒子/td

td盒子/td

td盒子/td

td盒子/td

td盒子/td

/tr

";/////注意! 这里使用了一个boxCell的CSS类,不会那么多冗余代码

echo "tr";

}else{

echo "td$i/td";

}

}

?

/table

/body

/html

//////最后说明;

1。如果乱码,或无显示,请注意你php文件的编码格式,或在浏览器下选择GBK32编码

2。这种专业问题,如果到Csdn 里发帖,十分钟之内就有人回答了

3。百度的BUG:回复后再修改,就不能保持代码的缩进了 -_-!即不能tab缩进,要换成4个空格

css有哪些常用表格属性

CSS 字体属性(Font)

属性 描述 CSS

font 在一个声明中设置所有字体属性。 1

font-family 规定文本的字体系列。 1

font-size 规定文本的字体尺寸。 1

font-size-adjust 为元素规定 aspect 值。 2

font-stretch 收缩或拉伸当前的字体系列。 2

font-style 规定文本的字体样式。 1

font-variant 规定是否以小型大写字母的字体显示文本。 1

font-weight 规定字体的粗细。 1

表格细边框的CSS样式怎么设置?

指定的table为细边框,把table放在div中即可。

一、首先新建表格,代码如下:

table width="500" border="1"  trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td /trtr  tdnbsp;/td tdnbsp;/tdtdnbsp;/td/tr/table。

二、在table里加css样式,代码如下:

table width="500" border="1" cellpadding="0" cellspacing="0" style="border-collapse:collapse;"  tr tdnbsp;/tdtdnbsp;/td tdnbsp;/td /tr tr tdnbsp;/tdtdnbsp;/tdtdnbsp;/td/tr trtdnbsp;/tdtdnbsp;/tdtdnbsp;/td/table。

三、单元格边距(表格填充)(cellpadding) -- 代表单元格外面的一个距离,用于隔开单元格与单元格空间。单元格间距(表格间距)(cellspacing) -- 代表表格边框与单元格补白的距离,也是单元格补白之间的距离,border-collapse:collapse表示表格的两边框合并为一条即可。


文章名称:表格的css样式大全,表格的css样式大全
当前地址:http://scyanting.com/article/phhjhi.html