正文
css网页表格样式模板,css表格样式设计
提示：扫一扫查出行【扫一扫了解最新限行尾号】
复制提示
如何在CSS表格样式
以下是定义行高代码，数字越大，行与行之间距离越大
.td{
line-height: 12px;
}
或者用百分比也行
.td{
line-height: 150%;
}
调用时先在head/head之间放入
link href="css.css" rel="stylesheet" type="text/css" /
注意href="css.css"是路径自己定义
调用时用class="td"就行了
例：
table width="50"
tr
td class="td"121312313131/td
/tr
/table
相关问答
Q1: 纯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个空格
Q2: CSS样式表和模板的区别是什么
这个两个基本概念就不一样，css是控制网页的样式的。模版是为了制作页面方便，把个网页之间相同的部分制作成一个页面。其他网页都调用相同的部分，方便更新啥的。
