Question

在我的表格中，我正在尝试更改字体大小。我已经尝试在标签中添加字体大小，将其添加到Myposts类的CSS代码中，但没有任何优势。如何更改字体大小？

  <table width="100%" border="0" class = "Myposts"; align="center" cellpadding="3" cellspacing="1"  bgcolor="#686868 " >
  <tr>
   <td width="6%" align="center" bgcolor="#505050 " ><strong>#</strong></td>
   <td width="53%" align="center" bgcolor="#505050 "><strong>Job Description</strong></td>
   <td width="15%" align="center" bgcolor="#505050 "><strong>Views</strong></td>
   <td width="13%" align="center" bgcolor="#505050 "><strong>Replies</strong></td>
   <td width="13%" align="center" bgcolor="#505050 "><strong>Date/Time</strong></td>
  </tr>

Answer 1

您可以在CSS中选择表格单元格

table.Myposts tr td {
 font-size: 18px;
}

Answer 2

.Myposts td {
  font-size: 20px;
}

jsfiddle中的示例：http://jsfiddle.net/Wk28Y/

Answer 3

请不要认为这是一个答案，只是另一种思考问题的方式。 FIDDLE

您可以通过将第一行<th>代替<td>来摆脱“粗体”行。

将css表样式添加到Myposts类。

你在标题中注明它是php，但我没有看到任何php标签。所以我假设你将php传递给一个html页面，因此css样式仍然适用于你。

HTML

<table class = "Myposts">
  <tr>
    <td>#</td>
    <td>Job Description</td>
    <td>Views</td>
    <td>Replies</td>
    <td>Date/Time</td>
  </tr>
</table>

CSS

table {
  width: 100%;
  border: 0px solid black;
  background-color: #686868;
  border-spacing: 1px;
}
table td {
  background-color: #505050;
  color: white;
  text-align: center;
  font-weight: bold;
  padding: 3px;
  font-size: 20px;
}
table tr td:nth-child(1) {
  width: 6%;
}
table tr td:nth-child(2) {
  width: 53%;
}
table tr td:nth-child(3) {
  width: 15%;
}
table tr td:nth-child(4) {
  width: 13%;
}
table tr td:nth-child(5) {
  width: 13%;
}

如何修改表中内容的字体大小

3 个答案: