zoukankan      html  css  js  c++  java
  • css3 边框

    边框

    • border-radius
    • box-shadow
    • border-image

    border-radius

    box-shadow

    box-shadow: 10px 15px 5px #888888;

    水平偏移10px, 垂直偏移15px, 模糊度5px, 效果:

    box-shadow: 0 0 15px 5px #888888;

    水平偏移0, 垂直偏移0, 模糊度15px, 偏移距离5px, 效果:

     

    border-image

    不定长边框样式

    border-image: url(./images/12.png) 10 20 15 25 stretch;

    source: url(img)

    图片切割边距: 上  右  下  左 :10 20 10 20

                      (  上下   左右 :10 20  )

                      ( 上   左右   下 :10 20 10  )

    border-image-repeat : round    stretched

    例如 border-image-source

    <div class="border-img">
      <img alt="tupian" src="/web/images/test.png" style=" 101%;">
    </div>
    .border-img {
       400px;
      height: 292px;
      border: 46px solid;
      border-image: url(./images/12.png) 48 49 stretch;
    }

    效果:

  • 相关阅读:
    codeforces-1194 (div2)
    单链表1(悲剧文本)
    迷宫(深度搜索)
    皇后问题
    关键路径
    [NOI2015]软件包管理器
    [USACO13JAN]岛游记Island Travels
    仓鼠找sugar
    [SHOI2012]魔法树
    [HEOI2016/TJOI2016]树
  • 原文地址:https://www.cnblogs.com/kkcodin/p/5582996.html
Copyright © 2011-2022 走看看