CSS 基础学习-077 css 设置透明轮廓的偏移

由 hrs, 8 十月, 2021

显示元素与其轮廓之间的空间是透明的

实例代码：

<html>
  <head>
    <meta charset="utf-8">
    <style>
        p{
        border:1px solid black;
        outline:1px solid red;
        outline-offset:15px;
        width:400px;
        margin:20px;
        background-color:yellow;
        padding:20px;
      } 


    </style>
    </head>
<body>
  <h1>设置透明轮廓</h1>
  <p>显示元素与其轮廓之间的空间是透明的</p>
</body> 
</html>

运行效果：

css-077.png

标签

评论