Как я могу сделать внешнюю границу таблицы отличной в html?

Question

Я пытаюсь получить эту точную таблицу: Требуемая таблица

Я написал этот код в 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;   
}

Я получаю результат, подобный этому: Таблица, которую я получил

По сути, я хотел установить внешнюю границу шире, чем внутреннюю границу со вставкой в ​​виде границы.

Как можно Я достиг этого?

Answer 1

Вы пытались установить ширину в свойстве border-width таблицы? В предоставленном вами коде ширина не определена ...

border-width: 10px; например.

Answer 2

Я думаю, что у вас есть опечатка. Эта строка не имеет смысла:

 border-width:px;

Основываясь на скриншоте, я думаю, вы, вероятно, хотите, чтобы это было:

 border-width:3px;