表td的边界1 px

Question

如何为table td创建border 1px。我有一张桌子，我想边框1px。谢谢！

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Answer 1

你可以这样使用

table {  border-collapse: collapse;}

表格。 并给出

td {
    border: 1px solid red;
}

Answer 2

您可以对包含css的表使用border-collapse。

Answer 3

试试这个：

td {
    border: 1px solid #000;
}

td {
    border: 1px solid #000;
}

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

或

table {
    border-collapse: collapse;
}

td {
    border: 1px solid #000;
}

table {
    border-collapse: collapse;
}

td {
    border: 1px solid #000;
}

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

Answer 4

您可以为td定义CSS样式。 这将影响HTML页面中的所有表。

＆＃13;

＆＃13;

<style>
   td {
          border:1px solid black
      } 
</style>

<table >
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>

＆＃13;

＆＃13;

＆＃13;

Answer 5

试试这样：

table {
    border-collapse: collapse;
}

table, td, th {
    border: 1px solid black;
}

<table>
  <tr>
    <td>1</td>
    <td>2</td>
    <td>3</td>
  </tr>
  <tr>
    <td>4</td>
    <td>5</td>
    <td>6</td>
  </tr>
  <tr>
    <td>7</td>
    <td>8</td>
    <td>9</td>
  </tr>
</table>