更改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表格的字體樣式？

回答

相關問題