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 伪类与输入框样式_如何通过 :focus 改变输入框的边框和背景色
css盒模型中的border与outline的区别_视觉效果调整
css 布局在移动端横向滚动怎么办_检查 css 布局是否超出视口
css初级项目如何调试布局问题_借助浏览器开发者工具
css多重边框与阴影_effects与box-shadow合并技巧
相关标签:
本站声明：本文内容由网友自发贡献，版权归原作者所有，本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容，请联系admin@php.cn
热门AI工具
相关专题
本专题系统讲解 Java 项目构建与依赖管理的完整体系，重点覆盖 Maven 与 Gradle 的核心概念、项目生命周期、依赖冲突解决、多模块项目管理、构建加速与版本发布规范。通过真实项目结构示例，帮助学习者掌握 从零搭建、维护到发布 Java 工程的标准化流程，提升在实际团队开发中的工程能力与协作效率。
11
2026.01.12
热门下载
相关下载
精品课程
共18课时 | 4.5万人学习
共102课时 | 6.6万人学习
共132课时 | 9.4万人学习
最新文章
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
