Question

我对HTML很新，所以如果这个问题非常简单，请原谅。

我使用创建了一个表。当我看着我的桌子时，任何地方都没有线条。我可以在细胞周围出现线条吗？

Answer 1

Opera有a web standards tutorial，如果需要，可以在CSS中包含大部分内容。

Answer 2

您可以使用：

td, th {
    border: 1px solid #ccc;
    /* border-width border-style border-color */
}

当然，您也可以使用长手版本：

td, th {
    border-top-width: 1px;
    border-top-style: solid; /* double, dashed, dotted... */
    border-top-color: #ccc;
}

同样适用于border-left，border-right和border-bottom ...

Answer 3

基本表实现将是：

<table border=1>
 <thead><tr><td>#</td><td>Name</td></tr></thead>
 <tbody>
  <tr><td>1</td><td>One</td></tr>
  <tr><td>2</td><td>Two</td></tr>
  <tr><td>3</td><td>Three</td></tr>
  <tr><td>4</td><td>Four</td></tr>
 </tbody>
</table>

然而，通过CSS样式，你可以做更多光滑的边框，如：

<table cellspacing=0 style="border:1px solid #ccc;">
 <thead><tr><td>#</td><td>Name</td></tr></thead>
 <tbody>
  <tr><td>1</td><td>One</td></tr>
  <tr><td>2</td><td>Two</td></tr>
  <tr><td>3</td><td>Three</td></tr>
  <tr><td>4</td><td>Four</td></tr>
 </tbody>
</table>

为什么我的桌子的行和列周围没有线条？

3 个答案: