轮廓(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 轮廓相关推荐

  1. 教你玩转CSS 轮廓(outline)属性

    目录 CSS 轮廓(outline) 所有CSS 轮廓(outline)属性 CSS 轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. ...

  2. CSS轮廓样式属性为,简述CSS轮廓样式

    在网页设计中,如果你想突出一些元素,通常会怎么做?改变字体样式或者文本样式?除此之外,还有其他方法吗?答案是肯定的,这个方法就是今天小编想跟大家分享的内容--css的轮廓样式. 一.什么是轮廓 在CS ...

  3. CSS 轮廓(outline)

    轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 轮廓(outline)属性指定元素轮廓的样式.颜色和宽度. CSS 轮廓(outline) 轮廓(outli ...

  4. CSS轮廓 边距 填充 分组和嵌套

    CSS轮廓 围绕一个元素(outline),绘制一条线 p {border: 1px solid red;outline: thick dotted green; } <body>< ...

  5. CSS 轮廓(outline)/CSS margin(外边距)/CSS padding(填充)

    所有CSS 轮廓(outline)属性 CSS margin(外边距) margin margin 清除周围的(外边框)元素区域.margin 没有背景颜色,是完全透明的. margin 可以单独改变 ...

  6. CSS轮廓(outline)属性详解及 outline 与 border 的区别

    轮廓(outline) 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 在浏览器里,当鼠标点击或使用Tab键让一个链接或者一个radio获得焦点的时候,该元 ...

  7. html中outline属性,css 轮廓(outline)属性是如何使用的

    一.什么是css轮廓(outline)属性 轮廓(outline)是绘制于元素周围的一条线,位于边框边缘的外围,可起到突出元素的作用. 举个例子来说吧:在我们平时阅读浏览器里的内容时,当鼠标点击让一个 ...

  8. W3school:CSS基础:CSS边框、CSS边距、CSS高度/宽度、CSS框模型、CSS轮廓

    W3school:CSS基础:CSS边框.CSS边距.CSS高度/宽度.CSS框模型.CSS轮廓 1.CSS边框(边框.边框宽度.边框颜色.边框各边.简写边框属性.圆角边框) 2.CSS边距(外边距. ...

  9. 16.CSS选择器【下】

    第十三章  CSS选择器[下] 一.伪类选择器总汇 二.结构性伪类选择器 :能够根据元素在文档中的位置选择元素,这类元素都有一个前缀(:) 1.根元素选择器 :(基本不怎么用,因为总是返回<ht ...

  10. day 9/16 css三大特性和盒子模型

    CSS 三大特性 层叠性 继承性 特殊性 CSS层叠性 所谓层叠性是指多种CSS样式的叠加. 是浏览器处理冲突的一个能力,如果一个属性通过两个相同选择器设置到同一个元素上,那么这个时候一个属性就会将另 ...

最新文章

  1. 配置yum源并与公网同步更新
  2. c# usercontrol ,networkcomms3.0 Invoke总结
  3. 机器人也是“艺术家”!上海世界移动大会聚焦5G时代
  4. 使用 WordPress 插件模板开发高质量插件
  5. 【C++程序员学 python】python 之奇葩地方
  6. Nginx报错:nginx: [emerg] CreateFile() nginx.conf“ failed (3: The system cannot find the path specified
  7. matlab 二维高斯滤波 傅里叶_机器视觉 03.2 频域低通滤波
  8. Keras 训练时出现 CUDA_ERROR_OUT_OF_MEMORY 错误
  9. httpservletrequest获取不到登录的session_cookie和session是怎么交互的?
  10. 新一批国产游戏版号下发:共53款 腾讯、网易在列
  11. 算数运算符与关系运算符_【Flutter 110】Flutter手把手教程Dart语言——运算符
  12. 2017-2018-1 20179209《Linux内核原理与分析》第六周作业
  13. vmware-linux虚拟机上网配置
  14. PostgreSQL(1)数据库安装(win和linux)
  15. Android Camera setRecordingHint函数 在部分手机上的问题。
  16. Vue + Spring Boot 项目实战(十一):用户角色权限管理模块设计
  17. 置换贴图,法线贴图和凹凸贴图详解
  18. 三维电子沙盘数字沙盘开发教程第3课
  19. win10 系统识别不了移动硬盘
  20. C语言中typedef的用法

热门文章

  1. php.ini 中开启短标签 ?=$?
  2. python根据字符串实例化对象_解密 Python 中的对象模型
  3. Android找工作系列之事件传递机制
  4. 去掉input回车自动提交
  5. StringTokenizer字符串分解器
  6. form表单提交数据
  7. (转载)make的-j命令(加速Linux程序编译)
  8. SVN 客户端的安装与配置
  9. 使用submit异步提交,阻止表单默认提交
  10. js中定义变量加var与不加var的区别?