zoukankan      html  css  js  c++  java
  • js样式之渐变线

    <!DOCTYPE html>
    <html>
    <head>
      <meta charset="utf-8">
      <title>hi013z左右方向渐变</title>
      <style>
        .gradient {
          height: 200px;
          width: 100px;
          background: -webkit-linear-gradient(left, #FF8C69, #FFE7BA, #FFF8DC); /* Safari 5.1 - 6.0 */
          background: -o-linear-gradient(right, #FF8C69, #FFE7BA, #FFF8DC); /* Opera 11.1 - 12.0 */
          background: -moz-linear-gradient(right, #FF8C69, #FFE7BA, #FFF8DC); /* Firefox 3.6 - 15 */
          background: linear-gradient(to right, #FF8C69, #FFE7BA, #FFF8DC); /* 标准的语法(必须放在最后) */
          height: 2px;
        }
    
        #body {
          background: black;
        }
      </style>
    
    </head>
    <body id="body">
    <div class="gradient"></div>
    </body>
    </html>
  • 相关阅读:
    CSU 1122
    CSU 1256
    CSU 1240
    HDU 1874
    CSU 1004
    Problem F CodeForces 16E
    Problem E CodeForces 237C
    Problem C FZU 1901
    12-30
    2016-12-29
  • 原文地址:https://www.cnblogs.com/miaoying/p/7575900.html
Copyright © 2011-2022 走看看