CSS 轮廓 

<!DOCTYPE html>
<html>
    <head>
        <meta charset="utf-8">
        <title></title>
        <link rel="stylesheet" type="text/css" href="css_outline.css"/>
    </head>
    <body>
        <!-- 轮廓在边框外 -->
        <div class="div1">
            this is div
        </div>
    </body>
</html>
.div1{
    /* dotted - 定义点状的轮廓。
    dashed - 定义虚线的轮廓。
    solid - 定义实线的轮廓。
    double - 定义双线的轮廓。
    groove - 定义 3D 凹槽轮廓。
    ridge - 定义 3D 凸槽轮廓。
    inset - 定义 3D 凹边轮廓。
    outset - 定义 3D 凸边轮廓。
    none - 定义无轮廓。
    hidden - 定义隐藏的轮廓。 */
    outline: 2px dotted green;
    /* 在轮廓和边框之间加空间 */
    outline-offset: 25px;
    border: 2px solid red;
    width: 300px;
}

 

posted @ 2022-03-02 21:17  lwx_R  阅读(27)  评论(0)    收藏  举报