気に入った記事をブックマーク
- 気に入った記事を保存できます
保存した記事の一覧は、はてなブックマークで確認・編集ができます
- 記事を読んだ感想やメモを書き残せます
- 非公開でブックマークすることもできます
CSSで角丸を実現する
84 users
garage.mods.jp
garage.mods.jp
garage.mods.jp
注目コメント算出アルゴリズムの一部にLINEヤフー株式会社の「建設的コメント順位付けモデルAPI」を使用しています
ブロック要素に角丸を使うことができれば、デザインの幅も広がります。でも画像を使うのは面倒だし・・... ブロック要素に角丸を使うことができれば、デザインの幅も広がります。でも画像を使うのは面倒だし・・・悩んでいていろいろ調べてみたらCSSのみで角丸を実現する方法が書いていたんです。ということで、備忘録代わりにここに記すことにします。いやー、スタイルシートって奥が深い。こんな方法思いつかなかったよ。でも<span>の中は空っぽなのでHTMLの文法的にはアウトかもしれませんね（汗 HTMLソース <div id="text-sample"> <!-- フタ --> <span class="rtop"> <span class="r1"></span><span class="r2"></span><span class="r3"></span><span class="r4"></span> </span> <!-- フタ --> <!-- 中身 --> <p class=
garage.mods.jp
garage.mods.jp
garage.mods.jp
garage.mods.jp
www.smd-am.co.jp
www.akiradeveloper.com
note.com/yriica
note.com/marroscorps
togetter.com
anond.hatelabo.jp
news.yahoo.co.jp
togetter.com
togetter.com
www3.nhk.or.jp
www.sankei.co.jp
www.algorithmic-solutions.info
www.sankei.co.jp
gigazine.net
2011/01/20 リンク