ホームページ  >  記事  >  ウェブフロントエンド  >  CSSで影を消す方法

CSSで影を消す方法

醉折花枝作酒筹
醉折花枝作酒筹オリジナル
2021-04-20 18:09:198491ブラウズ

CSS では、box-shadow 属性を使用して影を削除できます。構文は「box-shadow:0 0px 0px color value」です。 boxShadow 属性では、1 つ以上のドロップダウン シャドウ ボックスを設定できます。各シャドウは、長さの値、オプションの色の値、およびオプションの inset キーワードによって指定されます。カラー値を透明に設定できます。

CSSで影を消す方法

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

以前は mui レイアウト スタイルを使用していましたが、常にこの影があり、ブラウザでデバッグしても意味がありませんでした。
CSSで影を消す方法
これは影を設定するためのものです

        /*  长 宽 模糊度 颜色*/
box-shadow: 0 1px 6px #ccc;

直接キャンセルします 0 にしてください。mui.css で直接削除するのは推奨しません。mui でスタイルを変更すると、すべてのスタイルが変更されます。
影をキャンセルした後です

        /*  长 宽 模糊度 颜色*/
box-shadow: 0 0px 0px #ccc;

設定、Shadow はありません
CSSで影を消す方法

ここでは box-shadow についていくつか紹介します

	   /*长度 宽度 模糊度  阴影大小   颜色*/
 box-shadow: 0px -10px 0px 0px #ff0000,   /*上边阴影  红色*/

  	     -10px 0px 0px 0px #3bee17,   /*左边阴影  绿色*/

             10px 0px 0px 0px #2279ee,    /*右边阴影  蓝色*/

             0px 10px 0px 0px #eede15;    /*下边阴影  黄色*/

推奨学習:css ビデオ チュートリアル

以上がCSSで影を消す方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

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