css outline color,css outline-color属性怎么用
轮廓是绘制于元素周围的一条线,位于边框边缘的外围。outline-color属性用于设置一个元素整个轮廓中可见部分的颜色。需始终在outline-color属性之前声明 outline-style 属性;元素只有获得轮廓以后才能改变其颜色。
css outline-color属性怎么用?
outline-color属性设置一个元素整个轮廓中可见部分的颜色。要记住,轮廓的样式不能是 none,否则轮廓不会出现。
说明:
请始终在 outline-color 属性之前声明 outline-style 属性。元素只有获得轮廓以后才能改变其轮廓的颜色。
注释:
outline是围绕元素,它是围绕元素的边距;但是,它是来自不同的边框属性。
轮廓不是元素尺寸的一部分,因此元素的宽度和高度属性不包含轮廓的宽度。轮廓线不会占据空间,也不一定是矩形。
css outline-color属性 示例
p {
border: red solid thin;
outline-style: dotted;
outline-color: #00ff00;
}
注释:只有在规定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支持 outline-color 属性。
效果图:
css outline color,css outline-color属性怎么用相关推荐
- [css] 你用过outline属性吗?它有什么运用场景
[css] 你用过outline属性吗?它有什么运用场景 outline (轮廓)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 个人简介 我是歌谣,欢迎和大家一起交流前后端知识 ...
- css多重效果,css奇技淫巧—box-shadow与outline绘制多重边框效果
css语法: box-shadow: h-shadow v-shadow blur spread color inset; 注释:box-shadow 向框添加一个或多个阴影.该属性是由逗号分隔的阴影 ...
- [css] 如何给文字的color设置渐变
[css] 如何给文字的color设置渐变 .text {background: -webkit-linear-gradient(#eee, #333);-webkit-background-clip ...
- html字颜色代码,css 字体颜色(css color)
DIV CSS 字体颜色\css color知识实例讲解 在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...
- html css超链接字体颜色,css 字体颜色(css color)
DIV CSS 字体颜色\css color知识实例讲解 在DIV+CSS网页中控制字体颜色的CSS单词为color:+颜色值.这里DIVCSS5详细为大家介绍CSS 字体颜色color的运用(div ...
- CSS中的颜色值与颜色属性
文章目录 颜色模型 CSS颜色值的类型 颜色名称 rgb[a] rgba的新写法 CSS元素的透明度 hex十六进制值 hsl[a] 颜色值关键字 transparent currentColor C ...
- 前端笔记(3)css,选择器,文字文本属性,外观属性
CSS样式表(1) (1)css概念 引入css的三种方法 行内式(内联样式) 内部样式表(内嵌样式表) 外部样式表(外链式) (2)css选择器 css基础选择器 标签选择器 类选择器 id选择器 ...
- HTML/CSS学习笔记03【CSS概述、CSS选择器、CSS属性、CSS案例-注册页面】
w3cschool菜鸟教程.CHM(腾讯微云):https://share.weiyun.com/c1FaX6ZD HTML/CSS学习笔记01[概念介绍.基本标签.表单标签][day01] HTML ...
- CSS简介及常用标签及属性
一.概述 css是英文Cascading Style Sheets的缩写,称为层叠样式表,用于对页面进行美化. 存在方式有三种:元素内联.页面嵌入和外部引入,比较三种方式的优缺点. 语法:style ...
- 前端:CSS/09/行内框架,CSS简介,CSS选择器,组合选择器,CSS注释,CSS尺寸属性,CSS字体属性,CSS文本属性
内嵌框架(行内框架,浮动框架) 语法格式:<iframe 属性="值">不支持时的提示信息</iframe> 描述:内嵌框架,相当于在现有的网页中,挖了一个 ...
最新文章
- Oracle创建自增id,sql直接创建
- Activity启动流程
- vs2019功能介绍_MFC界面库BCGControlBar v30.0新功能详解:支持VS 2019
- ListView上移 和下移
- Java实现二维数组和稀疏数组的转换
- 计算机模块word2003和2007,以Word2003的名义熟悉Word2007
- jsp测试连接mysql_JSP 连接MySQL配置与测试
- 深入大数据安全分析(1):为什么需要大数据安全分析?
- js判断一个元素是否在数组中
- 三层结构对多语言的支持
- MyLibrary --Qt + sqlite 图书馆管理系统
- Python学习插曲之万年历算法
- 微型计算机系统的几个指标课件,[计算机基础课件67.ppt
- VB VBA 文本框回车键换行
- Verifying an Alien Dictionary
- GEE-Python遥感大数据分析
- 苹果笔记本什么系统_苹果笔记本领域双系统
- USB U盘Linux mass_storage驱动学习笔记(1)
- PHP 将连续的汉语拼音分隔开
- 2021届秋招嵌入式软件开发(联发科、海康威视、浙江大华、高德红外、汇顶科技、瑞芯电子、深圳有为)
热门文章
- SAP gateway CSRF token的获取调试办法
- 使用Java代码连接SAP ABAP Netweaver服务器
- SAP CRM WebClient UI session restart
- SAP S4HANA里关于生产订单的一些重要数据库表
- mysql5.1修改登陆密码_mysql 5.1版本修改密码及远程登录mysql数据库的方法
- 计算机专业伦理总结,《计算机伦理学》节译实践报告
- java数据跑不出来,6000条数据,java下跑了20多分钟了还没跑完,求教怎么改进
- oracle的视图表,oracle 常用视图和表
- 电脑ip地址设置_路由器怎么设置静态IP 路由器设置静态IP方法【详解】
- mysql 分区索引失效_分区表的本地索引竟然失效了——ORA-01502