更改HTML表格的字体样式？

<table id="tabla" align="center" cellspacing="15" cellpadding="0"> 
    <tr> 
     <td><input type="button" value="Form View"></input></td> 
     <td><input type="button" value="Table view"></input></td> 
    </tr> 
    <tr> 
     <td>Classification1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
     <td>Sic1:</td> 
     <td>Value</td> 
     <td>Sic Description1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
    </tr> 
    <tr> 
     <td>Classification1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
     <td>Sic1:</td> 
     <td>Value</td> 
     <td>Sic Description1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
    </tr> 
    <tr> 
     <td>Classification1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
     <td>Sic1:</td> 
     <td>Value</td> 
     <td>Sic Description1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
    </tr> 
    <tr> 
     <td>Classification1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
     <td>Sic1:</td> 
     <td>Value</td> 
     <td>Sic Description1:</td> 
     <td>value</td> 
     <td>Source:</td> 
     <td>value</td> 
    </tr> 
</table>

这里每行有多个TD。我想将标签名称更改为粗体而不是值。我该怎么做？

例：

<td>Classification1:</td> 
<td>value</td>

这里Classification1:应在大胆value应该是正常的。

来源

2014-02-21 user755806

表是这个职位的错误的工具！

这是出于两个原因：

辅助功能 - 视力障碍的人使用屏幕阅读器将与您的网站更容易的时间。
搜索引擎将能够更轻松地解析网站。

使用数据定义列表：

<dl> 
     <dt>Classification1:</dt> 
     <dd>value</dd> 

     <dt>Source:</dt> 
     <dd>value</dd> 

     <dt>Sic1:</dt> 
     <dd>Value</dd> 

     <dt>Sic Description1:</dt> 
     <dd>value</dd> 

     <dt>Source:</dt> 
     <dd>value</dd> 
</dl>

CSS：

dt, dd {margin-right:10px;margin-left:10px;} 
dt {font-weight:bold;} 

dl>dd, dl>dt {float:left} 
dl:after {clear:both;float:none;display:block;content:'';}

这将在本小提琴复制：http://jsfiddle.net/netinept/GsG7C/9/

来源

2014-02-21 06:48:37

简单的CSS的解决办法：在表名的前面

#tabla tr td:nth-child(2n-1) { 
    font-weight: bold; 
}

来源

2014-02-21 06:32:09 Shomz

这是您的jsfiddle：http://jsfiddle.net/GsG7C/4 / – Shomz

附加标签

 <td><b>classification</b></td>

来源

2014-02-21 06:35:07 harshamullangi

td:nth-child(odd) { 
    font-weight:bold 
}

使用本 Link

来源

2014-02-21 06:37:14 sunrise

-1

使用CSS3 :nth-child(odd)或:nth-child(even)和回退的jQuery

CSS3：

tr td:nth-child(odd) { 
     font-weight:bold; 
     }

注意：第n个孩子并不在IE浏览器的支持。

的jQuery：

$(document).ready(function() 
{ 
    $("tr td:odd").css("font-weight", "bold"); 
});

JSFiddle

来源

2014-02-21 06:40:16 Harish

更改HTML表格的字体样式？

回答

相关问题