发现一种方法,利用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 打开的时候,发现看到的是完全是数字。



posted on 2011-03-27 13:40 -274°C 阅读(276) 评论(0)  编辑  收藏 所属分类: web前端

只有注册用户登录后才能发表评论。


网站导航:
 

常用链接

留言簿(21)

随笔分类(265)

随笔档案(242)

相册

JAVA网站

关注的Blog

搜索

  •  

积分与排名

  • 积分 - 870455
  • 排名 - 37

最新评论