提供Discuz ,ECShop ,PHPCMS ,帝国CMS ,CSS教程 ,PHP教程 ,DedeCMS ,WordPress ,HTML教程等cms问题查询.
当前位置: CSS教程 > css outline属性怎样用?【css教程】,outline属性,CSS

outline属性是一个简写属性,用于在一个声明中设置一切的表面属性,可在元素四周位于边框边沿的外围绘制一条线,能起到凸起元素的作用。

CSS outline属性

作用:是绘制于元素四周的一条线,位于边框边沿的外围,可起到凸起元素的作用。

outline 简写属性在一个声明中设置一切的表面属性。能够按递次设置以下属性:outline-color,outline-style,outline-width。假如不设置个中的某个值,也不会出问题,比方 outline:solid #ff0000; 也是许可的。

 ● outline-color:划定表面的色彩。

 ● outline-style:划定表面的款式。

 ● outline-width:划定表面的宽度。

申明:表面线不会占有空间,也不一定是矩形。

注:所以主流浏览器都支撑outline 属性;只要在划定了 !DOCTYPE 时,Internet Explorer 8 (以及更高版本) 才支撑 outline 属性。

CSS outline属性的运用示例

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<title>ki4网(ki4.cn)</title> 
<style type="text/css">
div
{
border:red solid thin;
outline:#00ff00 dotted thick;
padding:10px;
}
</style>
</head>
<body>
<div>测试文本!</div>
</body>
</html>

效果图:

以上就是本篇文章的全部内容,愿望能对人人的进修有所协助。

以上就是css outline属性怎样用?的细致内容,更多请关注ki4网别的相干文章!

「梦想一旦被付诸行动,就会变得神圣,如果觉得我的文章对您有用,请帮助本站成长」

分享到:
赞(0) 打赏

支付宝扫一扫打赏

微信扫一扫打赏

标签:

上一篇:

下一篇:

相关推荐

0 条评论关于"css outline属性怎样用?【css教程】,outline属性,CSS"

最新评论

    暂无留言哦~~

博客简介

看古风美女插画Cos小姐姐,素材合集图集打包下载:炫龙网,好看二次元插画应有尽有,唯美小姐姐等你来。

友情链接

他们同样是一群网虫,却不是每天泡在网上游走在淘宝和网游之间、刷着本来就快要透支的信用卡。他们或许没有踏出国门一步,但同学却不局限在一国一校,而是遍及全球!申请交换友链

服务热线:
 

 QQ在线交流

 旺旺在线