簡単に角丸効果をCSSでつけれる事は知っていたのだけれど、IEは対応してたかな?と思って調べてみたら今はこんなに簡単になったんですね。
某フォルダUPしてCSSに角丸の角度(丸さ)を書くだけ!
/* 角丸 */ -webkit-border-radius:7px; -moz-border-radius:7px; -ms-border-radius:7px; -o-border-radius:7px; border-radius:7px; /* ボックスシャドウ */ box-shadow:5px 5px 10px #333333; /* グラデーション */ background-image: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#ff4ed3)); background-image: -moz-linear-gradient(top, #ffffff, #ff4ed3); background-image: -ms-linear-gradient(top, #ffffff, #ff4ed3); background-image: -o-linear-gradient(top, #ffffff, #ff4ed3); background-image: linear-gradient(top, #ffffff, #ff4ed3); -pie-background:linear-gradient(#ffffff, #ff4ed3); position:relative; behavior:url("PIE/PIE.htc");
IE6.7.8対応だそうです。
PIE.htcを使い、IE6,IE7,IE8でCSS3の角丸を表示する | パチスロ日記と仕事メモ
http://www.shinbo.org/archives/4081