• 技术文章 >web前端 >css教程

    CSS轮廓(outline)是什么

    (*-*)浩(*-*)浩2019-12-25 15:18:22原创1814

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

    轮廓(outline)属性指定元素轮廓的样式、颜色和宽度。 ( 推荐学习:CSS教程 )

    CSS 轮廓(outline)

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

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

    css-7.gif

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

    <!DOCTYPE html>
    <html>
    <head>
    <meta charset="utf-8"> 
    <title>菜鸟教程(runoob.com)</title> 
    <style>
    p 
    {
    	border:1px solid red;
    	outline:green dotted thick;
    }
    </style>
    </head>
    
    <body>
    <p><b>注意:</b> 如果只有一个 !DOCTYP E指定 IE8 支持 outline 属性。</p>
    </body>
    </html>

    以上就是CSS轮廓(outline)是什么的详细内容,更多请关注php中文网其它相关文章!

    声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn核实处理。
    专题推荐:CSS
    上一篇:CSS浮动怎么做 下一篇:使用CSS实现酷炫的充电动画
    Web大前端开发直播班

    相关文章推荐

    • CSS定位怎么理解?• CSS外边距如何定义• CSS怎么设置链接样式• CSS绝对定位详解

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网