• 技术文章 >Web开发 >css教程

    css中outline方法的使用

    小妮浅浅小妮浅浅2021-08-20 18:08:31原创6267

    说明

    1、如果只需要两层边框,可以选择先设置一层常规边框,再加上outline(描边)属性来生成外层边框。

    使用outline不仅可以模拟实线边框,还可以生成虚线边框。

    2、outline-offset属性可以控制边缘和元素边缘之间的间距,该属性可以接受负值。

    需要注意的是,这种方法不能产生圆角。

    实例

    background: yellowgreen;
    border: 10px solid #655;
    outline: 5px dashed deeppink;
    outline-offset: 10px;

    以上就是css中outline方法的使用,希望对大家有所帮助。更多css学习指路:css教程

    本文教程操作环境:windows7系统、css3版,DELL G3电脑。

    专题推荐:css outline
    上一篇:css中box-shadow方法如何使用 下一篇:CSS实现轮播图的方法

    相关文章推荐

    • css中BFC布局规则是什么• css box-sizing属性是什么• css link和@import的区别• css流式布局的介绍• css响应式布局如何理解• css渐进增强和优雅降级的区别• css渐进增强如何理解• css优雅降级是什么意思• css margin:auto的填充规则• css中box-shadow方法如何使用

    全部评论我要评论

    © 2021 Python学习网 苏ICP备2021003149号-1

  • 取消发布评论
  • 

    Python学习网