ホームページ > 記事 > ウェブフロントエンド > CSSで影を消す方法
CSS では、box-shadow 属性を使用して影を削除できます。構文は「box-shadow:0 0px 0px color value」です。 boxShadow 属性では、1 つ以上のドロップダウン シャドウ ボックスを設定できます。各シャドウは、長さの値、オプションの色の値、およびオプションの inset キーワードによって指定されます。カラー値を透明に設定できます。
このチュートリアルの動作環境: Windows 7 システム、CSS3&&HTML5 バージョン、Dell G3 コンピューター。
以前は mui レイアウト スタイルを使用していましたが、常にこの影があり、ブラウザでデバッグしても意味がありませんでした。
これは影を設定するためのものです
/* 长 宽 模糊度 颜色*/ box-shadow: 0 1px 6px #ccc;
直接キャンセルします 0 にしてください。mui.css で直接削除するのは推奨しません。mui でスタイルを変更すると、すべてのスタイルが変更されます。
影をキャンセルした後です
/* 长 宽 模糊度 颜色*/ box-shadow: 0 0px 0px #ccc;
設定、Shadow はありません
ここでは 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 サイトの他の関連記事を参照してください。