`
flashing
  • 浏览: 350113 次
  • 性别: Icon_minigender_1
  • 来自: 大连
社区版块
存档分类
最新评论
收藏列表
标题 标签 来源
渐变打分条 打分 渐变打分条 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
  <head>
    <title>渐变效果</title>
    <style type="text/css">
      .ffbg
      {
        background-image: url(1.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 55px;
        width: 296px;
      }
      .fft
      {
        background-image: url(2.gif);
        background-repeat: no-repeat;
        background-position: 0px 0px;
        height: 22px;
        width: 28px;
        color: #FFFFFF;
        text-align: center;
        font-size: 12px;
        float:right;
      }
    </style>
  </head>
  <body>
    <div style="left:200px; top: 20px; width: 300px; height: 59px; padding-top: 2px;"> 
      <div class="ffbg">
        <div id="divIn" style="width: 90%">
          <span class="fft">90</span>      
        </div>
      </div> 
    </div>
  </body>
</html>
Global site tag (gtag.js) - Google Analytics