创新互联CSS教程:CSS轮廓(outline)属性

CSS Outlines


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

创新互联公司"三网合一"的企业建站思路。企业可建设拥有电脑版、微信版、手机版的企业网站。实现跨屏营销,产品发布一步更新,电脑网络+移动网络一网打尽,满足企业的营销需求!创新互联公司具备承接各种类型的成都做网站、网站制作项目的能力。经过10多年的努力的开拓,为不同行业的企事业单位提供了优质的服务,并获得了客户的一致好评。

轮廓(outline)属性指定了样式,颜色和外边框的宽度。

轮廓(outline)属性的位置让它不像边框那样参与到文档流中,因此轮廓出现或消失时不会影响文档流,即不会导致文档的重新显示。


轮廓(outline)实例

在元素周围画线
本例演示使用outline属性在元素周围画一条线。.

设置轮廓的样式
本例演示如何设置轮廓的样式。

设置轮廓的颜色
本例演示如何设置轮廓的颜色。

设置轮廓的宽度
本例演示如何设置轮廓的宽度。


CSS 轮廓(outline)

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

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


提示:你可以在本站的《CSS参考手册》中了解更多关于 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教程:CSS轮廓(outline)属性
本文地址:http://www.shufengxianlan.com/qtweb/news48/6798.html

网站建设、网络推广公司-创新互联,是专注品牌与效果的网站制作,网络营销seo公司;服务项目有等

广告

声明:本网站发布的内容(图片、视频和文字)以用户投稿、用户转载内容为主,如果涉及侵权请尽快告知,我们将会在第一时间删除。文章观点不代表本网站立场,如需处理请联系客服。电话:028-86922220;邮箱:631063699@qq.com。内容未经允许不得转载,或转载时需注明来源: 创新互联