HTML – 如何启用双虚线边框？

当我输入这个：

<style>
        .tavit{
            width:400px;
            height:300px;
            background-color:yellow;
            border:dashed; /*First I applied - border:dashed double (In order to get a double dashed border - but it didn't work for some reason*/
            border-style:double;
            margin:auto;
            font-size:medium;
            text-align:right;
        }
        .adom {
            color: red;
            font-size: xx-large;
            text-align: center;
        }
    </style>

什么都行不通就像它甚至是其中一个.我错过了什么？
谢谢

解决方法

您可以使用一个div简单地修复此问题,您可以使用轮廓和边框,然后使用outline-offset属性

.test {
  background:white;
  padding:15px;
  border:1px dashed #000;
  outline:1px dashed #000;
  outline-offset:-5px;
}

<div class="test">see this</div>