コードを使用してグラフィックを作成するとき、より多くの四角形や円を使用します。角の 1 つのみを変更する場合はどうすればよいでしょうか。
画像のように真円を作成するコードです。角度を調整するための属性コードはborder-radiusです。
これで、4 つの角が長さと幅の半分の 50% に設定され、円になります。
左上隅の 1 つの隅の角度のみを調整したい場合は、コードはborder-top-left-radius のように記述され、その後に左上隅が意味する角度が続きます。
写真に示すように、現在の効果が確認できます。
同様に、右上隅の角度設定は右上です。
設定後は図右上のように
類推すると、図に示すように、次の 2 つの角度がボトム設定の問題となります。
4 つの角度をそれぞれ設定すると、最終的なプレビュー効果は次のようになります。
以上、DWでコーナーを調整するためのアングルコードテクニックでした。引き続きdowncodes.comにご注目ください。