javascript - 如何使 html 中的表格外边框不同？

Question

我正在尝试实现这个精确的表:Table wanted

我在这里用 css 样式表编写了这段代码:

table{
    width:90%;
    height:100%;
    margin-left:auto;
    margin-right:auto;
    background-color: white;
    color:#654321;
    border-collapse: collapse   ;
    border-style:outset;
    border-width:px;
    position: relative;
    font-size:20px;
    font-family:DTCRoughM11,arial;

}
tr,th,td{
    padding:5px;
    border-width: 5px;
    border-style:inset;
    border-collapse:separate;   
}

我得到这样的结果: Table i got

基本上，我想要做的是将外部边框设置为比内部边框宽，并使用插入边框样式。

我怎样才能实现这一目标？

Answer 1

我认为你有一个错字。这行没有意义:

 border-width:px;

根据屏幕截图，我认为您可能希望这样:

 border-width:3px;