tbpg https://blog.hatena.ne.jp/tbpg/ Tbpgr Blog https://tbpgr.hatenablog.com/ css3 概要 css3の角丸を指定するborder-radiusについて説明します プロパティ名 プロパティ名 設定内容 border-radius 四つ角全ての角丸を設定 border-top-left-radius 左上の角丸を設定 border-top-right-radius 右上の角丸を設定 border-bottom-left-radius 左下の角丸を設定 border-bottom-right-radius 右下の角丸を設定 内容 各角の角丸を設定します。 設定値 数値で設定します 注意事項 2012/03/22現在、ベンダープリフィックスをつけないと動作しなません 例 /* webk… 190 <iframe src="https://hatenablog-parts.com/embed?url=https%3A%2F%2Ftbpgr.hatenablog.com%2Fentry%2F20120322%2F1332425200" title="CSS3新要素 | 背景・ボーダー | border-radius - Tbpgr Blog" class="embed-card embed-blogcard" scrolling="no" frameborder="0" style="display: block; width: 100%; height: 190px; max-width: 500px; margin: 10px 0px;"></iframe> http://cdn-ak.f.st-hatena.com/images/fotolife/t/tbpg/20120322/20120322230609.png Hatena Blog https://hatena.blog 2012-03-22 23:06:40 rich https://tbpgr.hatenablog.com/entry/20120322/1332425200 1.0 100%