画像を使わずcssだけで角丸を実現する方法
- タイトルとURLをコピーする
- Tweet
CSS3で実装予定?のプロパティを使えば、
画像を使わずに角丸を作れます。
Chrome、Safari、Firefoxならブラウザが対応しているので
下記のように指定してあげればOKです。
書き方のサンプル
CSS
#sample { border-radius: 5px; /* CSS3 */ -moz-border-radius: 5px; /* Firefox */ -webkit-border-radius: 5px; /* Chrome,Safari */ border: 1px #333 solid; /* 枠線 */ background:#ccc; /* 背景 */ }
- タイトルとURLをコピーする
- Tweet