zoukankan      html  css  js  c++  java
  • 边框样式

    1:浏览器边框圆角兼容需要兼容老板的火狐

      div{
        border:2px solid;
        border-radius:25px;
        -moz-border-radius:25px; /* Old Firefox */
      }
    2:浏览器阴影

    div
    {
    -moz-box-shadow: 10px 10px 5px #888888; /* 老的 Firefox */
    box-shadow: 10px 10px 5px #888888;
    }

    3:图片平铺、拉伸来填充边框

    #round
    {
    -moz-border-image:url(/i/border.png) 30 30 round; /* Old Firefox */
    -webkit-border-image:url(/i/border.png) 30 30 round; /* Safari and Chrome */
    -o-border-image:url(/i/border.png) 30 30 round; /* Opera */
    border-image:url(/i/border.png) 30 30 round;
    }

    #stretch
    {
    -moz-border-image:url(/i/border.png) 30 30 stretch; /* Old Firefox */
    -webkit-border-image:url(/i/border.png) 30 30 stretch; /* Safari and Chrome */
    -o-border-image:url(/i/border.png) 30 30 stretch; /* Opera */
    border-image:url(/i/border.png) 30 30 stretch;
    }

  • 相关阅读:
    十二道MR习题
    十二道MR习题 – 1 – 排序
    初识HBase
    Java内存分析1
    scala学习手记40
    scala学习手记40
    scala学习手记39
    scala学习手记38
    scala学习手记37
    scala学习手记36
  • 原文地址:https://www.cnblogs.com/dragonh/p/6497851.html
Copyright © 2011-2022 走看看