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

前端之家收集整理的这篇文章主要介绍了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>

猜你在找的HTML相关文章