The CSS XML / RSS Button

September 22, 2005 by Pete Freitag

You can make one of those orange XML or RSS buttons or icons without using an image with CSS. Here's how:

CSS:

.feed {
border:1px solid;border-color:#FC9 #630 #330 #F96;padding:0 3px;font:bold 10px verdana,sans-serif;color:#FFF;background:#F60;text-decoration:none;margin:4px;
}

HTML:

<a href="/rss/" class="feed">FEED</a>

Example:

FEED