outline

蒋鸿文
2023-12-01
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        input:focus ,button:focus {
            outline: 2px solid pink;
            outline-offset: 5px;
        }
        input:active ,button:active{
            outline: thick solid black;
        }

    </style>
</head>
<body>
<!--定义轮廓
定义块元素的轮廓线
outline-color 轮廓颜色 outline-style 定义轮廓边框轮廓  outline-width 定义轮廓边框宽度
outline-offset 定义轮廓边框偏移轮廓数值  inherit 继承
-->
登录姓名
<input type="text" name="name">
登录密码
<input type="password" name="pwd">
<button>登录</button>

<!--轮廓样式
outline-width :初始值 medium 中等轮廓
thick 细轮廓
inherit 继承
-->

<!--
outline-color 轮廓的颜色  inherit 继承
-->

<!--
outline-offset 初始值0
-->

</body>
</html>
outline

相关阅读

相关文章

相关问答
