16. CSS 轮廓
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用。
CSS outline 属性规定元素轮廓的样式、颜色和宽度。
CSS outline 属性
p{outline:#00FF00 dotted thick;}
CSS outline-color 属性
实例设置点状轮廓的颜色:p{outline-style:dotted;outline-color:#00ff00;}
CSS outline-style 属性
实例设置轮廓的样式:p{outline-style:dotted;}
CSS outline-width 属性
实例设置点状轮廓的颜色:p{outline-style:dotted;outline-width:5px;}
16. CSS 轮廓相关推荐
- 教你玩转CSS 轮廓(outline)属性
目录 CSS 轮廓(outline) 所有CSS 轮廓(outline)属性 CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. ...
- CSS轮廓样式属性为,简述CSS轮廓样式
在网页设计中,如果你想突出一些元素,通常会怎么做?改变字体样式或者文本样式?除此之外,还有其他方法吗?答案是肯定的,这个方法就是今天小编想跟大家分享的内容--css的轮廓样式. 一.什么是轮廓 在CS ...
- CSS 轮廓(outline)
轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 轮廓(outline)属性指定元素轮廓的样式.颜色和宽度. CSS 轮廓(outline) 轮廓(outli ...
- CSS轮廓 边距 填充 分组和嵌套
CSS轮廓 围绕一个元素(outline),绘制一条线 p {border: 1px solid red;outline: thick dotted green; } <body>< ...
- CSS 轮廓(outline)/CSS margin(外边距)/CSS padding(填充)
所有CSS 轮廓(outline)属性 CSS margin(外边距) margin margin 清除周围的(外边框)元素区域.margin 没有背景颜色,是完全透明的. margin 可以单独改变 ...
- CSS轮廓(outline)属性详解及 outline 与 border 的区别
轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元 ...
- html中outline属性,css 轮廓(outline)属性是如何使用的
一.什么是css轮廓(outline)属性 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 举个例子来说吧:在我们平时阅读浏览器里的内容时,当鼠标点击让一个 ...
- W3school:CSS基础:CSS边框、CSS边距、CSS高度/宽度、CSS框模型、CSS轮廓
W3school:CSS基础:CSS边框.CSS边距.CSS高度/宽度.CSS框模型.CSS轮廓 1.CSS边框(边框.边框宽度.边框颜色.边框各边.简写边框属性.圆角边框) 2.CSS边距(外边距. ...
- 16.CSS选择器【下】
第十三章 CSS选择器[下] 一.伪类选择器总汇 二.结构性伪类选择器 :能够根据元素在文档中的位置选择元素,这类元素都有一个前缀(:) 1.根元素选择器 :(基本不怎么用,因为总是返回<ht ...
- day 9/16 css三大特性和盒子模型
CSS 三大特性 层叠性 继承性 特殊性 CSS层叠性 所谓层叠性是指多种CSS样式的叠加. 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另 ...
最新文章
- 配置yum源并与公网同步更新
- c# usercontrol ,networkcomms3.0 Invoke总结
- 机器人也是“艺术家”!上海世界移动大会聚焦5G时代
- 使用 WordPress 插件模板开发高质量插件
- 【C++程序员学 python】python 之奇葩地方
- Nginx报错:nginx: [emerg] CreateFile() nginx.conf“ failed (3: The system cannot find the path specified
- matlab 二维高斯滤波 傅里叶_机器视觉 03.2 频域低通滤波
- Keras 训练时出现 CUDA_ERROR_OUT_OF_MEMORY 错误
- httpservletrequest获取不到登录的session_cookie和session是怎么交互的?
- 新一批国产游戏版号下发:共53款 腾讯、网易在列
- 算数运算符与关系运算符_【Flutter 110】Flutter手把手教程Dart语言——运算符
- 2017-2018-1 20179209《Linux内核原理与分析》第六周作业
- vmware-linux虚拟机上网配置
- PostgreSQL(1)数据库安装(win和linux)
- Android Camera setRecordingHint函数 在部分手机上的问题。
- Vue + Spring Boot 项目实战(十一):用户角色权限管理模块设计
- 置换贴图,法线贴图和凹凸贴图详解
- 三维电子沙盘数字沙盘开发教程第3课
- win10 系统识别不了移动硬盘
- C语言中typedef的用法