CSS Outlines

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

轮廓（outline）属性指定了样式，颜色和外边框的宽度。

轮廓（outline）实例

<!DOCTYPE html>
<html>
<head>
<title>test</title>
<style>
p {border:1px solid red;}
p.dotted {outline-style:dotted;}
p.dashed {outline-style:dashed;}
p.solid {outline-style:solid;}
p.double {outline-style:double;}
p.groove {outline-style:groove;}
p.ridge {outline-style:ridge;}
p.inset {outline-style:inset;}
p.outset {outline-style:outset;}
p.one
{border:1px solid red;outline-style:solid;outline-width:thin;
}
p.two
{border:1px solid red;outline-style:dotted;outline-width:3px;
}
p.three
{border:1px solid red;outline-style:dotted;outline-color:#00ff00;
}
</style>
</head>
<body><p class="dotted">点线轮廓</p>
<p class="dashed">虚线轮廓</p>
<p class="solid">实线轮廓</p>
<p class="double">双线轮廓</p>
<p class="groove">凹槽轮廓</p>
<p class="ridge">垄状轮廓</p>
<p class="inset">嵌入轮廓</p>
<p class="outset">外凸轮廓</p>
<p class="one">This is some text in a paragraph.</p>
<p class="two">This is some text in a paragraph.</p>
<p class="three">This is some text in a paragraph.</p>
<p><b>注意:</b> 如果只有一个 !DOCTYPE 指定 IE 8 支持 outline 属性。</p>
</body>
</html>

CSS 轮廓（outline）

轮廓（outline）是绘制于元素周围的一条线，位于边框边缘的外围，可起到突出元素的作用。

CSS outline 属性规定元素轮廓的样式、颜色和宽度。

所有CSS 轮廓（outline）属性

"CSS" 列中的数字表示哪个CSS版本定义了该属性(CSS1 或者CSS2)。

属性	说明	值	CSS
outline	在一个声明中设置所有的外边框属性	outline-color outline-style outline-width inherit	2
outline-color	设置外边框的颜色	color-name hex-number rgb-number invert inherit	2
outline-style	设置外边框的样式	none dotted dashed solid double groove ridge inset outset inherit	2
outline-width	设置外边框的宽度	thin medium thick length inherit	2

CSS Outlines相关推荐

CSS网页设计教程:表单Button的Outl…
outline的使用,大家都喜欢在reset样式表中直接重置: * { outline: none; } Eric Meyers在他的CSS Reset是这样重置的: :focus { outline ...
WWDC2020讲稿系列之Stacks,Grids,and Outlines in SwiftUI
看视频可以直观的获取知识,然而我们可能会遗失一些关键信息点.因此我汇总讲稿,方便大家可以反复快速学习. 开场白开场白技术交流 QQ:3365059189 SwiftUI技术交流QQ群:518696 ...
CSS_03_盒子模型
CSS 盒子模型 CSS 盒子模型(Box Model) 新人注意啦:所有HTML元素全部都可以看作盒子, 在CSS中,"box model"这一术语是用来设计和布局时使用的. C ...
WEB基础之：CSS Margins,Padding 和 Borders, Outlines
Margins,Padding 和 Borders, Outlines 1. 宽度和高度 2. margin与padding 3. 边框 3.1 **边框的样式:** 3.2 **边框宽度与颜色:** ...
css规则_CSS规则，将使您的生活更轻松
css规则 by Nick Gard 尼克·加德(Nick Gard) CSS规则,将使您的生活更轻松 (CSS rules that will make your life easier) Afte ...
CSS 动画相关属性动态实例大全（82种），2023年祝福第二弹（送你一只守护兔）(下），守护兔源代码免费下载
2023年春节祝福第二弹--送你一只守护兔(下) CSS 动画相关属性动态实例大全(82种).守护兔源代码免费下载本文目录: 五.CSS3 动画相关属性实例大全 (1).CSS3的动画基本属性 (2 ...
css实现列表下拉菜单_逐行：点击打开下拉列表和菜单的高级CSS技巧
css实现列表下拉菜单 by David Piepgrass 由David Piepgrass 逐行:点击打开下拉列表和菜单的高级CSS技巧 (Line-by-line: advanced CSS t ...
css!important_如何解决CSS特殊性问题以及何时使用！important关键字
css!important by Muna Mohamed 通过穆纳·穆罕默德(Muna Mohamed) 如何解决CSS特殊性问题以及何时使用!important关键字 (How to tackle ...
css3span等高_支持具有CSS或IMG的iPhone或iPad 3等高dpi像素密集型“视网膜”显示器
css3span等高 I'm loving responsive design and am slowly updating all my websites to support mobile bro ...

CSS Outlines

CSS Outlines

轮廓（outline）实例

CSS 轮廓（outline）

所有CSS 轮廓（outline）属性

CSS Outlines相关推荐

最新文章

热门文章