開発者向けすぐに利用できます

各コーナーの半径を個別に調整

四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。

ツール操作エリア

アカウント不要

CSS角丸生成

Link all corners

Top left (24px)Top right (24px)Bottom left (24px)Bottom right (24px)

border-radius: 24px 24px 24px 24px;

CSS角丸生成とは

四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。

使い方

四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。

よくある用途

四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。

利用上の注意

四隅の水平・垂直の半径を個別に設定し、形を確認してborder-radiusをコピーできます。

よくある質問