①-webkit-border-radiusとは
-webkit-border-radiusは、CSSのプロパティの一つで、要素の角を丸くするためのプロパティです。
②使い方法
-webkit-border-radiusを使うには、以下のような書き方をします。
div {
-webkit-border-radius: 10px;
}
上記のように、-webkit-border-radiusプロパティを使うと、div要素の角を10pxの半径で丸くすることができます。
③実際試したところ
以下のようなHTMLとCSSを使って、実際に-webkit-border-radiusを試してみました。
テスト
.box {
width: 200px;
height: 200px;
background-color: #ccc;
-webkit-border-radius: 10px;
}
実行結果として、div要素の角が10pxの半径で丸くなりました。
参考:https://eigo-bunpou.com/each/
④終わりに
-webkit-border-radiusは、要素の角を丸くするためのプロパティです。CSSで要素をより見栄えの良いものにするために、-webkit-border-radiusを使うことができます。