CSSだけでRSSアイコン

できたできた！

記事下にRSSアイコン！

CSSだけでRSSアイコン作りました
うちのブログよく考えたら
RSSアイコンないなーって思って

誰もフィード登録なんかしないから関係ない
と思いつつCSSだけで作ってみたー

画像いちょう今のとこ使ってないし
せっかくなのでCSSだけでー

たぶん似たような記事は探せばありそうだけれども
自力で作った！



HTML

<a href="http://rssblog.ameba.jp/zzdino/rss20.xml" id="rss1"><div id="rss2"><div id="rss3"></div></div></a>

CSS

/*外側*/
#rss1{
border-radius: 0 50px 0 0;
border-right: 8px solid;
border-top: 8px solid;
height: 39px;
padding-top: 11px;
width: 45px;
display:block;
text-decoration: none;
margin: 0 auto;
}

/*真ん中*/
#rss2{
border-radius: 0 32px 0 0;
border-right: 8px solid;
border-top: 8px solid;
font-size: 20px;
height: 30px;
text-align: left;
width: 27px;
line-height: 2;
}

/*内側*/
#rss3 {
border-radius:7px 7px 7px 7px;
height:0;
margin-left:0px;
margin-top:15px;
width:0;
}

こういうの楽しい
はたしてIEはPIEの力で何とかなるのかー
↑
PIEすごい！
IEでもRSSに見えるヽ(*・ω・)人(・ω・*)ノ