Question

以下代码是okey。

<style>
  table {
     border-bottom: 2px solid black;
     border-top: 2px solid black;
     border-left: 2px solid black;
     border-right: 2px solid black;
  }
</style>
</head>

如何缩短上面的代码;

<head>
<style>
 table {border-OnlyOutsideEdges: 2px solid black;}
</style>
</head>

Answer 1

将表格{border-onlyOutsideEdges ....}更改为：

<style>
table {outline: 2px solid black;}
</style>

OR：

<style>
table {border: 2px solid black;}
</style>

详细了解边境here

Answer 2

请参阅此fiddle

您可以合并样式，并将其缩短如下。

<head>
  <style>
    table {border: 2px solid black;}
  </style>
</head>

请在docs

中详细了解边框

表边框OnlyOutsideEdges

2 个答案:

请参阅此fiddle