發(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

          最新評論

          主站蜘蛛池模板: 孟津县| 辰溪县| 长顺县| 吴川市| 分宜县| 长海县| 扶风县| 梁平县| 夏河县| 城市| 凤阳县| 琼海市| 若尔盖县| 五家渠市| 龙南县| 岳阳县| 兴国县| 海伦市| 亳州市| 滁州市| 娄烦县| 吴忠市| 招远市| 文登市| 万荣县| 甘孜县| 沭阳县| 金沙县| 嘉荫县| 汉寿县| 朔州市| 吉水县| 环江| 准格尔旗| 天峨县| 县级市| 西城区| 鄂尔多斯市| 兴山县| 定安县| 桂林市|