画像を使わずにCSSだけで角丸を作る方法、PART2｜web bibo
「画像を使わずにCSSだけで角丸を作る方法、PART1」では、HTMLタグを何個にも重ねて角丸を作る方法でしたが、今回は角丸用のCSSプロパティを使って実現する方法です。 CSSで角丸 下記のコードだけで実現できます。 div { border-radius: 10px; /* CSS3草案 */ -webkit-border-radius: 10px; /* Safari,Google Chrome用 */ -moz-border-radius: 10px; /* Firefox用 */ } いろんな角丸を試してみた サンプル 大変便利なborder-radiusですが、このプロパティはWebkit系(Safari、Chrome)とGecko系(Firefox)のみにしか適用されません。IEやOperaにも実装させるならJavaScript等を使用します。 JavaScrip
Table of CSS3 border-radius Compliance « Muddled Ramblings and Half-Baked Ideas
Content last updated Aug 17, 2011 – First impression of Firefox 6. NOTE: I’m updating the ol’ blog to honor its 1,000,003-word birthday, and some pages require individual attention. This is one of those pages. Please pardon the mess. border-radius seems to be a hot topic these days, what with CSS3 including it and some broswer vendors already implementing it. I just think it looks nice. I original
CSS Rounded Corners 'Roundup' | Smiley Cat Web Design
This collection of techniques to create boxes with rounded corners using CSS has become quite popular. The problem now is there are so many choices it’s hard to know which one to choose. To that end I’ve provided some more information about each method in order to help people choose which best fits their needs. Some of these techniques use CSS and one or more background images, some use CSS, JavaS
RoundedCornr: Rounded Corner and Gradient Generator
Howdy! Welcome to our vaping tribe. We are a group of American Indians who take a keek interest in vaping. For many years, our people have suffered under the harmful health effects of tobacco cigarettes. We are now pushing for everyone to start vaping, as some studies have shown that it is slightly less dangerous than tobacco itself. Our tribe recognizes that not all vaping manufacturers are creat
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
CSSでWii風のシンプルで角がまるいボタンを作る - GIGAZINE
