CSSスタイルのborder-radius属性の詳しい説明-CSSチュートリアル-php.cn

この記事では、CSS スタイルの border-radius属性について詳しく説明します

可能な値: ピクセル、パーセンテージ

html コード

ログイン後にコピー

cssコード

p { height: 200px; width: 200px; border: 2px solid #a72525; border-radius: 10px; }

ログイン後にコピー

結果

cssコード

p { height: 200px; width: 200px; background: #a72525; border-radius: 50%; }

ログイン後にコピー

結果

cssコード

p { height: 200px; width: 100px; border: 2px dashed #a72525; border-radius: 100px 0 0 100px; }

ログイン後にコピー

結果

cssコード

えー

結果

CSSコード

p { height: 200px; width: 200px; border: 2px dotted #a72525; border-radius: 100% 0 0; }

ログイン後にコピー

結果

CSSコード

p { height: 200px; width: 100px; background: #f09; border-radius: 50%; }

ログイン後にコピー

結果

CSSコード

p { height: 200px; width: 200px; background: #f90; border-radius: 100% 0; }

ログイン後にコピー

結果

以上がCSSスタイルのborder-radius属性の詳しい説明の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。