發(fā)現一種方法,利用CSS 字體,將數字表現為圖案的方法,這種方法還是能省去圖片資源下載的。如果可行還不錯哦。

          <!DOCTYPE HTML> 
          <html lang="en-US"> 
          <head> 
              
          <meta charset="UTF-8"> 
              
          <style type="text/css"> 
                  p{
                      font:20px
          /2 Webdings;
                  }
              
          </style> 
              
          <title>Webdings 字體數字圖案</title> 
          </head> 
          <body> 
              
          <p id="p1">1 2 3 4 5 6 7 8 9 0</p> 
          </body> 
          </html>



          需要注意的是得考慮下瀏覽器兼容性。 比如我剛才用firefox 4.0 打開的時候,發(fā)現看到的是完全是數字。



          posted on 2011-03-27 13:40 -274°C 閱讀(398) 評論(0)  編輯  收藏 所屬分類: web前端

          常用鏈接

          留言簿(21)

          隨筆分類(265)

          隨筆檔案(242)

          相冊

          JAVA網站

          關注的Blog

          搜索

          •  

          積分與排名

          • 積分 - 916109
          • 排名 - 40

          最新評論

          主站蜘蛛池模板: 南丰县| 桂林市| 奉节县| 武隆县| 威宁| 嘉鱼县| 鸡泽县| 铁岭市| 南和县| 台山市| 启东市| 莱芜市| 金秀| 巴林左旗| 云龙县| 镇远县| 邯郸市| 肥乡县| 孟连| 上林县| 古蔺县| 屏南县| 苏尼特左旗| 班玛县| 宜昌市| 阜宁县| 南开区| 乳源| 平远县| 清苑县| 五莲县| 图们市| 临潭县| 虞城县| 海兴县| 克东县| 崇信县| 禄劝| 玉田县| 慈溪市| 木兰县|