`
jsntghf
  • 浏览: 2477065 次
  • 性别: Icon_minigender_1
  • 来自: 苏州
社区版块
存档分类
最新评论

渐变打分条

web渐变打分条csshtml 
阅读更多 

<!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>

 

效果图：


分享到：
| 用UIWebView在当前程序中打开网页（二）
评论
发表评论

您还没有登录,请您登录后再发表评论

相关推荐

Magicbox
Global site tag (gtag.js) - Google Analytics