CSS – Come realizzare un bottone o icona feed-rss senza immagine

Un piccolo esempio come quello che sto per mostrarvi può evidenziare al meglio quelle che sono le potenzialità del css.

Supponiamo che vogliate inserire nel vostro blog un link per dare la possibilità ai lettori di abbonarsi al feed. Di sicuro, vorrete scegliere un’icona di feed da linkare.

Ma non avete forse pensato che potreste realizzare la stessa cosa senza utilizzare nessuna immagine (o plugin) semplicemente sfruttando il css? Vediamo come.

Eccovi il codice html :

pecciola.com/feed

Questo, invece, il relativo codice css per la classe feed :

.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;
}

Ed ecco il risultato finale :

Feed

Logicamente, tutto altamente personalizzabile come avrete intuito leggendo il codice css.

Nessun commento.

Lascia un commento