【CSS】border-radiusで内側を丸くする方法

「border-radius」を使用して、要素の内側を丸くする方法はいくつかあります。

1つの方法として、「box-shadow」を使用することです。

.example {
  box-shadow: inset 0 0 10px #000000;
  border-radius: 30px;
}

この方法では、「box-shadow」の「inset」を指定し、border-radiusを使用します。

もう一つの方法は、「border-radius」に「padding」値を指定することです。

.example {
  border-radius: 30px;
  padding:20px;
}

この方法では「border-radius」に「padding」値を指定することで、border-radiusが適用される領域を広げ、内側を丸くすることができます。

上記の方法は、使用する要素やデザインによっては適していない場合があるため、実装時には細かく調整しながら使用しましょう。