css中outline属性怎么用

这篇文章主要介绍css中outline属性怎么用，文中介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们一定要看完！

10年的安乡网站建设经验，针对设计、前端、开发、售后、文案、推广等六对一服务，响应快，48小时及时工作处理。成都全网营销的优势是能够根据用户设备显示端的尺寸不同，自动调整安乡建站的显示方式，使网站能够适用不同显示终端，在浏览器中调整网站的宽度，无论在任何一种浏览器上浏览网站，都能展现优雅布局与设计，从而大程度地提升浏览体验。成都创新互联从事“安乡网站设计”,“安乡网站推广”以来，每个客户项目都认真落实执行。

CSSoutline属性

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

outline简写属性在一个声明中设置所有的轮廓属性。可以按顺序设置如下属性：outline-color，outline-style，outline-width。如果不设置其中的某个值，也不会出问题，比如outline:solid#ff0000;也是允许的。

●outline-color：规定轮廓的颜色。

●outline-style：规定轮廓的样式。

●outline-width：规定轮廓的宽度。

说明：轮廓线不会占据空间，也不一定是矩形。

注：所以主流浏览器都支持outline属性；只有在规定了!DOCTYPE时，InternetExplorer8（以及更高版本）才支持outline属性。

CSSoutline属性的使用示例

<!DOCTYPEhtml>

<html>

<head>

<metacharset="utf-8">

<title>php中文网(php.cn)</title>

<styletype="text/css">

div

{

border:redsolidthin;

outline:#00ff00dottedthick;

padding:10px;

}

</style>

</head>

<body>

</body>

</html>

以上是“css中outline属性怎么用”这篇文章的所有内容，感谢各位的阅读！希望分享的内容对大家有帮助，更多相关知识，欢迎关注创新互联行业资讯频道！

分享名称：css中outline属性怎么用
网页地址：https://www.cdcxhl.com/article22/ghshcc.html

成都网站建设公司_创新互联，为您提供网站内链、动态网站、营销型网站建设、企业网站制作、域名注册、网站策划

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

猜你还喜欢下面的内容