小编Kho*_*dan的帖子

在 HTML 和 CSS 中更改表格中行的颜色

尝试学习 HTML 和 CSS,我有一个简单的问题。

如何为表格中的每一行赋予不同的颜色?例如第 1 行是红色,第 2 行是蓝色等。

这是我的 HTML 代码:

#table {
  font-family: Arial, Helvetica, sans-serif;
  width: 600px;
  border-collapse;
  collapse;
}
#table td,
#table th {
  font-size: 12x;
  border: 1px solid #4D365B;
  padding: 3px 7px 2px 7px;
}
#table th {
  font-size: 14px;
  text-align: left;
  padding-top: px;
  padding-bottom: 4px;
  background-color: #4D365B;
  color: #918CB5;
}
#table td {
  color: #000000;
  background-color: #979BCA;
}
Run Code Online (Sandbox Code Playgroud)
<table id="table">
  <tr>
    <th>Company</th>
    <th>Contact
      <th>Country</th>
  </tr>
  <tr>
    <td>1</td>
    <td>2
      <td>3</td>
  </tr>
  <tr>
    <td>1</td>
    <td>2
      <td>3</td> …
Run Code Online (Sandbox Code Playgroud)

html css

5
推荐指数
1
解决办法
2万
查看次数

标签 统计

css ×1

html ×1