CSS根据表格内容显示不同的样式,怎么写判断呢?

html-css014

CSS根据表格内容显示不同的样式,怎么写判断呢?,第1张

这个需要后端语言支持,CSS无法判断内容,CSS是样式表只负责描述页面的样式,而不负责内容

你可以使用后端语言判断不同的内容给表格添加不同的class,然后在css中为相应的class设置样式

用CSS设置html中的表格边框样式,要设计的样式非常多,下面举例说明

工具:

记事本

浏览器

方法如下:

CSS代码:

table-a table{border:1px solid #F00}

<!--关键代码:设置表格边框为1像素,实体,红色-->

HTML代码:

<div class="table-a">

<table width="400" border="0" cellspacing="0" cellpadding="0">

<tr>

<td width="105">站名</td>

<td width="181">网址</td>

<td width="112">说明</td>

</tr>

<tr>

<td>网站名称</td>

<td>具体网址</td>

<td>网站说明</td>

</tr>

<tr>

<td>网站名称</td>

<td>具体网址</td>

<td>网站说明</td>

</tr>

</table>

</div>

效果图如下: