css中outline的用法

百变鹏仔 4个月前 (09-20) #CSS

文章标签 css

outline 属性在 css 中用于在元素周围创建边框，以突出显示焦点或状态。它不同于 border 属性，因为它不占用元素空间，在元素获取焦点时自动显示，并且颜色和样式可以独立设置。语法如下：outline: ；用法包括突出显示选中元素、指示输入焦点、创建视觉分隔和调试元素布局。

CSS 中 outline 的用法

outline 属性在 CSS 中用于在元素周围创建一条边框，突出显示其焦点或状态。它与 border 属性相似，但有一些重要区别：

区别于 border 属性

语法

立即学习“前端免费学习笔记（深入）”；

outline 属性的语法如下：

outline: <color><style> <width>;</style></color>

其中，

用法

outline 属性可以用以下方式应用：

示例

以下示例显示如何使用 outline 属性突出显示一个选中的按钮：

button:focus {  outline: 2px solid red;}

当按钮获得焦点时，它将显示一个 2 像素宽的红色 outline。

文章推荐