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;
    }

  • 相关阅读:
    关于运行和调试的困惑
    初识函数
    Php的基本语法
    Apache的安装
    php的初步了解
    线程笔记
    Matlab笔记
    matlab取模与取余
    DialogFragment学习笔记
    MVP学习笔记——参考Google官方demo
  • 原文地址:https://www.cnblogs.com/dragonh/p/6497851.html
Copyright © 2011-2022 走看看