MENU

角丸を作りたい

昔とは違って今は簡単なCSSだけで実装することが可能になっていました。

インラインで利用する場合は以下の通りです。

1つ目

こんな感じ

改行して伸ばしてもこんな感じ
<div style="padding:20px;border-radius:15px;background-color:#ccc;">こんな感じ<br><br>改行して伸ばしてもこんな感じ</div>

2つ目

pxではなく%だとこんな感じ

改行して伸ばしてもこんな感じ
<div style="padding:20px;border-radius:10%;background-color:#ccc;">pxではなく%だとこんな感じ<br><br>改行して伸ばしてもこんな感じ</div>

広告

目次