css outline

作者：你忘我亡发布日期:2026-03-26 浏览:70

/* CSS outline 示例代码 */

/* 为所有 div 元素添加一个红色的轮廓线 */
div {
  outline: 2px solid red;
}

/* 为按钮元素添加一个虚线轮廓，并且移除默认的轮廓偏移 */
button {
  outline: 1px dashed blue;
  outline-offset: 0;
}

/* 为输入框元素添加一个双线轮廓 */
input {
  outline: medium double green;
}

解释说明：

outline 属性用于在元素周围绘制一条线，类似于 border，但它不会占用空间，也不会影响页面布局。
outline 的语法：outline: <outline-width> || <outline-style> || <outline-color>;
outline-offset 属性用于控制轮廓线与元素边框之间的距离，默认情况下，轮廓线会紧贴元素的边框。

上一篇：css最后一个元素选择器

下一篇：css背景色渐变