CSS学习之 轮廓

最新推荐文章于 2022-03-12 17:35:58 发布
最新推荐文章于 2022-03-12 17:35:58 发布
阅读量311 收藏
点赞数
分类专栏： CSS 文章标签： css
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/hslhy/article/details/7611402
版权

1、轮廓样式(outline-style)

     值：none | dotted | dashed | solid | double | groove | ridge | inset | outset | inherit

2、轮廓宽度(outline-width0

3、轮廓颜色(outline-color)

4、轮廓样式、宽度、颜色可以用一个属性表示：outline.














风平
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
html中outline属性,css 轮廓（outline）属性是如何使用的
weixin_39633171的博客
06-05 3212
一、什么是css轮廓(outline)属性轮廓(outline)是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。举个例子来说吧：在我们平时阅读浏览器里的内容时，当鼠标点击让一个a标签链接或者一个input的单选框获得焦点的时候，该元素将会被一个轮廓虚线框围绕。这个轮廓虚线框就是轮廓(outline)。在默认情况下，点击a标签，input，或者添加鼠标点击事件的时候，浏览器就会留...
关于轮廓的各种使用
图像处理的专栏
05-13 1052
注解：楼主现在处于学习中，大部分是转载。#include "cv.h" #include "highgui.h" #include "cvaux.h" #include "cxcore.h" #include #include using namespace std; using namespace cv; #define PI 3.14159f void DrawBox(CvBox2D
前端系列教程之CSS（边框和轮廓）
liang4297的博客
12-11 613
边框 • border 简写属性在一个声明设置所有的边框属性 • border-color 属性设置四条边框的颜色,此属性可设置 1 到 4 种颜色。 • border-radius 简写属性，用于设置四个border-*-radius属性 • border-style 设置四个边框的样式 • border-width 设置一个元素的四个边框的宽度 • box-shadow 对元素添加...
web前端－CSS 轮廓（outline）－012
helloMr_wo的博客
10-09 1080
CSS 轮廓（outline）轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。 CSS outline 属性规定元素轮廓的样式、颜色和宽度。 所有CSS 轮廓（outline）属性“CSS” 列中的数字表示哪个CSS版本定义了该属性(CSS1 或者CSS2)。
CSS之轮廓样式
web菜鸟程序猿
06-21 780
CSS轮廓 .div1{ width:400px; height: 40px; } /*outline-color 设置轮廓的颜色*/ .div1{ outline-color:blue; } /*outline-style 设置轮廓的样式 *none 默认。定义无轮廓。 *dotted 定义点状的轮廓。 *das
CSS入门学习笔记+案例
热门推荐
itboy
06-16 30万+
CSS入门学习 一、CSS简介 1、什么是CSS CSS：Cascading Style Sheet 层叠样式表 是一组样式设置的规则，用于控制页面的外观样式 2、为什么使用CSS 实现内容与样式的分离，便于团队开发 样式复用，便于网站的后期维护 页面的精确控制，让页面更精美 3、CSS作用 页面外观美化 布局和定位 二、基本用法 1、CSS语法 <head> <style> 选择器{ 属性名：属性值; 属性名：属性值; } </style> &l
CSS学习笔记 7.轮廓阴影和圆角
qq_55853408的博客
03-12 248
一、轮廓 outline: 用来设置元素的轮廓线 用法和border一模一样 border用法参考https://blog.csdn.net/qq_55853408/article/details/120909861?spm=1001.2014.3001.5501 .box1{/*类选择器class=box1*/ width: 200px; height: 199px; background-color:#bfa; outline:10px red solid;/*设置元素的
css3学习心得分享
09-25
以下是我对CSS3学习的一些核心知识点的详细说明： 1. **新选择器**：CSS3引入了更强大的选择器，如`:nth-child()`, `:nth-of-type()`, `:not()`, `:hover`, `:active`, `:focus`等，这些选择器提供了更精确地定位...
css3 svg文字轮廓边框特效
07-24
用户可以通过查看和编辑这些文件来学习和定制自己的CSS3 SVG文字边框特效。 总之，CSS3 SVG文字轮廓边框特效是网页设计中的一个创新点，结合了CSS3的动画能力和SVG的矢量特性，可以创造出富有表现力和动态感的文字...
CSS轮廓全解析：美化与可用性的双重奏
最新发布
07-24
通过学习本文中的概念、属性和实际应用案例，读者可以更好地理解和运用 CSS 轮廓，从而提升自己项目的视觉效果和用户体验。随着 Web 技术的不断进步和发展，CSS 轮廓将在现代网页设计中继续发挥重要作用，并且为...
CSS3设计轮廓案例.pdf
07-10
在CSS3中，设计轮廓（Outline）是一种非几何形状...通过案例1，我们可以学习如何结合其他CSS3特性，创建具有吸引力且易用的用户界面。在实际开发中，应根据设计需求和可访问性指南灵活运用`outline`，以提高用户体验。
css权威指南（第三版）.pdf
Web前端开发
05-26 6164
CSS权威指南（第三版 作者: [美] Eric A.Meyer 译者: 侯妍 / 尹志忠 出版社: 中国电力出版社 出版年: 2007-10 页数: 508 定价: 58.00 装帧: 平装 ISBN: 9787508355948 内容简介   · · · · · ·  　　《CSS权威指南》(第3版)是著名的CSS专家Eric A.Meyer他
CSS学习之 边框样式
Web前端开发
05-26 1334
1、边框样式（border-style）       border-style属性定义了11个不同的样式，它们分别是：none（无样式）、hidden（同none）、dotted（点线）、dashed（虚线）、solid（实线）、double（双线）、groove（根据border-color的值画3D凹槽）、ridge（根据border-color的值画菱形框）、inset（根据border-
网页中引入样式表的几种方法
Web前端开发
05-24 916
一、直接在元素标签中使用STYLE属性： 例如： 二、直接在网页中使用STYLE标签： 例如： body { 　　color: yellow; 　　background: #FFFFCC; 　　font-size: 19pt} td,p { 　　color:green; 　　font-size: 9pt} --> 三、使用 标签引入: 假设我
CSS学习之 颜色与背景
Web前端开发
05-27 821
1、背景颜色       示例：  body {background-color:white;} 2、背景图像       示例：   body {background-image:url(bg,gif);} 3、背景图像的重复(background-repeat)       示例：   body {background-image:url(bg.jpg);background-rep
CSS中的一些重要术语
Web前端开发
05-26 604
1、非替换元素        如果元素的内容包含在文档中，则称之为非替换元素。 2、替换元素        是指用作为其他内容占位符的一个元素。经典的例子是元素。 3、块级元素        是指段落、标题和div之类的元素。 4、行内元素        是指strong或span之类的元素。它们是块级元素的后代，不会在之前或之后生成行分隔符。
CSS学习之 基本视觉格式化
Web前端开发
05-26 584
1、基本框         CSS假定每个元素都有一个或多个矩形框，称为元素框。各元素框中还有一个内容区，内容区周围有可选的内边距、边框和外边距。         外边距可以为负值，但内边距和边框不能为负值。         元素的width属性被定义为从左内边界到右内边界的距离，height则是从上内边界到下内边界的距离。 2、水平格式化         水平格式化往往比想像的要复
CSS学习之 选择器篇
Web前端开发
05-23 562
1、书写规则       CSS的一个核心特性就是能向文档中的一组元素类型应用某些规则。比如，想让元素的文本都显示为红色，可以这样写：          h1 {color:red;} 2、声明       声明的格式：一个属性后面跟一个冒号，再后面是一个或多个值（中间用空格分开），然后是一个分号。 3、分组       假设希望h1、h2、p元素都有灰色文本。为达到这个目的，最容
Java学习与CSS详解
在CSS中，有多种属性可以调整元素的外观，如文本属性（字体、颜色、大小等）、背景属性（颜色、图像、重复等）、列表属性、尺寸属性（宽度、高度）、显示属性（如`display`）、轮廓属性、浮动属性（`float`）以及...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值