0
0
黄舟
发布时间：2017-07-27 09:18:35
|2579人浏览过
|来源于php中文网
原创
css3 outline为div元素添加轮廓线
有时为了样式的更加美观，可适当的为div添加轮廓线。可通过outline属性来实现。
outline 包含以下几个属性值；
outline-width:轮廓线的粗细。
此属性值包含4个参数：thin，medium,thick,length
立即学习“前端免费学习笔记（深入）”；
thin:定义细轮廓；
medium:定义中型轮廓；
thick:定义粗型轮廓。
length:可以指定轮廓线的粗细，注，此值不能为负值；
outline-style：轮廓线的样式。
此属性常用参数：
none:设置为none时，轮廓将不显示.
dotted:点轮廓线,
dashed:虚线轮廓线,
solid:实线轮廓线。
outline-color:轮廓线的颜色
此属性的参数：
颜色名称:(red);
rgb颜色值:rgb(255,255,255);
十六进制颜色值:如：#ff0000;
outline-offset:轮廓线与容器的偏移值。此值为负时，将向容器内显示轮廓线。
示例代码如下：
无标题文档
相关文章
css 初级项目中边框样式杂乱怎么办_通过统一边框规范解决
css 深色模式颜色如何切换_结合 prefers color scheme 定义颜色
css 想实现网格元素重叠效果怎么办_grid-area 重叠配置
css 边框厚度影响布局怎么办_border-width 与尺寸计算
css 想让表单输入框聚焦时高亮怎么办_focus 伪类与 border-color
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
