直感的に角丸CSSを製作できるサービス
CSSを設定するのって初心者にとっては難しい。
カラーコードとかいちいち表とか、カラピッカーとかを使って設定しないといけない(自分だけ?)。
そんな苦労を一気に解決してくれるのが今回紹介する「CSSROUND」である。
「Enter a text here」に設定(プレビュー)したいテキストを(もちろん、後で変更可)、
「Round Color」はサイトの背景色を、
「Text Color」には文字色を、
最後に横幅を設定したら
「Generate」をクリック。
すると、以下のようなプレビューが表示される。
![]() |
各pngファイルをDLして、ソースをファイルにコピーすることもできるが、zipで一括ダウンロードする方が楽で便利。
一度保存してしまえば、自由に改変できるので、簡単に角丸を作りたい人にはオススメだ。



