2 hao234ksdf hao234ksdf 于 2015.05.26 15:09 提问

php内嵌table 如何使用外部css样式

php文件,但与html混编的,上面是html部分,定义了css样式。但后面php代码里使用echo 输出表格,该如何使用之前定义好的css样式,请帮忙指点,我是新手

 <html>
 <head>
 <style type="text/css">

table.tbsty td{
    text-align:left;padding:.2em;border:1px solid #fff;
}
</head>
</html>

就是php输出表格时,如何使用之前在html部分定义的css样式?

//...
echo "<table class='tbsty' id='bb' style='font-size:14px' width='90%' border='0' align='center' >\n";          
 //...

6个回答

showbo
showbo   Ds   Rxr 2015.05.26 15:33
已采纳

你已经加了class='tbsty',只要输出html到这个页面就行了,浏览器会自动使用tbsty这个样式类

hao234ksdf
hao234ksdf 回复showbo: <style type="text/css"> ....... </style>都写了的,没落下。换浏览器th样式能应用,但tr.even tr.odd tr.over等没有应用上
2 年多之前 回复
showbo
showbo 回复showbo: 而且你td边框颜色是白色的,容器背景如果也是白色是看不到效果的。。改成另外一个颜色才行
2 年多之前 回复
showbo
showbo 回复hao234ksdf: <style type="text/css"> table.tbsty td{ text-align:left;padding:.2em;border:1px solid #fff; }</style>你是不是少了style的结束标签了。。
2 年多之前 回复
hao234ksdf
hao234ksdf 是啊,我以为加了class='tbsty'就可以,可是输出后这个样式应用不上,没变化
2 年多之前 回复
u010849674
u010849674   2015.05.26 15:30

在输出的时候带上id或class,通过它们来控制样式

hao234ksdf
hao234ksdf 加了的,可不知道为什么表格没能应用这个样式,不知道问题出在哪了
2 年多之前 回复
chen123183129
chen123183129   2015.05.26 15:36

例如:echo "

........."
hao234ksdf
hao234ksdf   2015.05.26 16:07

可能是浏览器的事,ie8根本应用不上tbsty样式,换成360浏览器,该样式中只有table.tbsty th有效果,其它没有变化,该怎么解决啊?

 table.tbsty td{
    text-align:left;padding:.2em;border:1px solid #fff;
}
table.tbsty th{
    background-color:#328aa0;
    padding:.2em;
}
table.tbsty tr.even td{background:#e5f1f4;}
table.tbsty tr.odd td{background:#f8fbfc;}
table.tbsty tr.over td{background:#bce774;}

</style>
showbo
showbo   Ds   Rxr 2015.05.26 17:04

没有问题的,自己检查客户端html代码是不是有问题,样式写错什么的

 <html>
 <head>
 <style type="text/css">
table.tbsty td{
    text-align:left;padding:.2em;border:1px solid #fff;
}
table.tbsty th{
    background-color:#328aa0;
    padding:.2em;
}
table.tbsty tr.even td{background:#e5f1f4;}
table.tbsty tr.odd td{background:#f8fbfc;}
table.tbsty tr.over td{background:#bce774;}
</style>
</head>
<body>
<table class='tbsty' id='bb' style='font-size:14px' width='90%' border='0' align='center' >
<tr><th>th</th></tr>
<tr class="even"><td>even</td></tr>
<tr class="odd"><td>odd</td></tr>
<tr class="even"><td>even</td></tr>
<tr class="odd"><td>odd</td></tr>
</table>
</body>
</html>
chengyi_L
chengyi_L   2015.05.30 16:51

在'好前加上转义符试试,我之前也遇到这个问题通过转义解决的,虽然不知道什么回事

Csdn user default icon
上传中...
上传图片
插入图片