This box will be fixed on your screen using Firefox, Opera9 or IE7.

纯CSS实现图片效果

有RSS FEED的站点,你都能看到一个橙色”XML”图标,通常都是一个小图片。实际上使用CSS也可以定义出一个那样的图标,而不是用图片。比如:
XML  RSS
怎么样?和图片的效果差不多吧,乍一看,完全就一图片,其代码如下:
[code lang=”css”]
border-top: 1px solid #ffcc99;
border-right: 1px solid #663300;
border-bottom: 1px solid #000000;
border-left: 1px solid #ff9966;
padding: 0 3px;
font: bold 11px verdana;
background: #ff6600;
text-transform: uppercase;
text-decoration: none;
color: #ffffff;[/code]

2 Comments

  1. deadline Comments @ 21:55:38 on 2004-09-24

    不错支持下

  2. B.s Trackbacks @ 21:57:35 on 2004-09-24

    « 更改了Blog配色CSS实现图片效果
    有RSS FEED的站点,你都能看到一个橙色”XML”图标,通常都是一个小图片。实际上使用CSS也可以定义出一个那样的图标,而不是用图片。比如:
    xml
    其代码如下:
    xml

    :razz: