美文网首页
双边框效果

双边框效果

作者: 一现_ | 来源:发表于2017-09-07 13:34 被阅读0次

    用纯css实现某个元素的双边框效果,边框大小都为5,如图

    用box-shadow或outline

    Box-shadow: background:yellow;

    Box-shadow: 0 0 0 5px red, 0 0 0 10px black;

    Outline: background:yellow;

    border: 5px solid red,

    outline:5px solid black;

    相关文章

      网友评论

          本文标题:双边框效果

          本文链接:https://www.haomeiwen.com/subject/wmlijxtx.html