发现一种方法,利用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 阅读(384)
评论(0) 编辑 收藏 所属分类:
web前端