詳解逆引きHTML+CSS辞典

要素の領域 - 角丸にしたい

登録タグ
Icon comment count 0
Icon stock count 1

角丸にしたい

四つ角を丸くしたい/角の丸さを指定したい

border-radiusプロパティ 角丸

ボックスの4つの角を単純に同じように丸くするには、border-radiusプロパティを使用します。値には、丸くする角を1/4円と考えたときの半径を単位つきの数値で指定します。

<head>
・・・
<style>
div { border-radius: 12px; }
#sample1 { border: 1px solid #000; }
#sample2 { background: #ccc; }
#sample3 { background: url(images/sky.jpg); }
</style> 
</head>
<body>
<div id="s

出典情報

Medium

詳解逆引きHTML+CSS辞典

  • 著者: 大藤 幹

コメント

    コメントはありません