ホームページ >ウェブフロントエンド >CSSチュートリアル >CSS borderradiusが機能しない場合の対処法

CSS borderradiusが機能しない場合の対処法

藏色散人
藏色散人オリジナル
2020-12-09 09:36:1910837ブラウズ

CSS borderradius が機能しない場合の解決策: 1. 「border:none;」を設定して境界線を削除します; 2. 「border-radius:40px;」属性を設定します; 3. 「box-shadow: 0px」を使用します0px 5px #ccc」で境界線を設定します。

CSS borderradiusが機能しない場合の対処法

このチュートリアルの動作環境: Windows 7 システム、css3 バージョン、Dell G3 コンピューター。

推奨事項: "css ビデオ チュートリアル "

border-radius の使用は無効です。背景は正方形のままで、境界線が丸くなっていることがわかります。

解決策:

1. 境界線を設定: なし; 境界線を削除;

2. 境界線の半径: 40px を設定; ブラウザーに互換性がある場合この問題は、互換性のある CSS コードを追加できます;

3. 最後に、box-shadow を使用します: 0px 0px 5px #ccc; この機能を使用して境界線を設定します。

以上がCSS borderradiusが機能しない場合の対処法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。