The CSS XML / RSS Button

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:

Filed under: CSS,Tutorials 33 Comments