css去掉陰影的方法

這篇文章主要介紹了css去掉陰影的方法，具有一定借鑒價值，感興趣的朋友可以參考下，希望大家閱讀完這篇文章之后大有收獲，下面讓小編帶著大家一起了解一下。

什么是css

css是一種用來表現(xiàn)HTML或XML等文件樣式的計算機(jī)語言，主要是用來設(shè)計網(wǎng)頁的樣式，使網(wǎng)頁更加美化。它也是一種定義樣式結(jié)構(gòu)如字體、顏色、位置等的語言，并且css樣式可以直接存儲于HTML網(wǎng)頁或者單獨(dú)的樣式單文件中，而樣式規(guī)則的優(yōu)先級由css根據(jù)這個層次結(jié)構(gòu)決定，從而實現(xiàn)級聯(lián)效果，發(fā)展至今，css不僅能裝飾網(wǎng)頁，也可以配合各種腳本對于網(wǎng)頁進(jìn)行格式化。

在css中，可以使用box-shadow屬性去除陰影，語法“box-shadow:0 0px 0px 顏色值”。boxShadow屬性可以設(shè)置一個或多個下拉陰影的框，每個陰影由長度值、可選顏色值和可選inset關(guān)鍵字來規(guī)定。顏色值可設(shè)透明。

本教程操作環(huán)境：windows7系統(tǒng)、CSS3&&HTML5版、Dell G3電腦。

之前用mui布局樣式，但是一直都會有這個陰影，在瀏覽器調(diào)試也調(diào)試沒用

這是設(shè)置陰影

        /*  長 寬 模糊度 顏色*/
box-shadow: 0 1px 6px #ccc;

取消的話直接設(shè)置為0就行了，不建議直接去mui.css里面刪掉，如果改掉mui里面的樣式全部的樣式都會變
這是取消陰影

        /*  長 寬 模糊度 顏色*/
box-shadow: 0 0px 0px #ccc;

設(shè)置之后，就不會有陰影了

下面是box-shadow的一些介紹

	   /*長度 寬度 模糊度  陰影大小   顏色*/
 box-shadow: 0px -10px 0px 0px #ff0000,   /*上邊陰影  紅色*/

  	     -10px 0px 0px 0px #3bee17,   /*左邊陰影  綠色*/

             10px 0px 0px 0px #2279ee,    /*右邊陰影  藍(lán)色*/

             0px 10px 0px 0px #eede15;    /*下邊陰影  黃色*/

感謝你能夠認(rèn)真閱讀完這篇文章，希望小編分享的“css去掉陰影的方法”這篇文章對大家有幫助，同時也希望大家多多支持億速云，關(guān)注億速云行業(yè)資訊頻道，更多相關(guān)知識等著你來學(xué)習(xí)!