1樓：牆角小爬山虎
rgba(r,g,b,a)表示的是顏色以及透明度不錯，但是前面的4個數值不是表示的哪條邊，他們是針對整個元素來講的，從前往後的四個數依次表示的是：x軸偏移量、y軸偏移量、陰影的模糊值、陰影大小，偏移量是以要設定陰影的這個元素為參考。用逗號隔開表示給這個元素設定多個陰影，你這裡就設定了7個陰影，陰影是可以相互覆蓋的，最前面的那一條產生的陰影在最上層，這樣依次往下，值得注意的一點是：
如果你上層的陰影大小大於下層陰影的大小就把下層陰影覆蓋掉了，可能造成看不見下層陰影的後果，像你設定的這樣陰影依次增大就沒問題。要是還不明白就自己一個一個引數去試，可以改變他們的顏色和偏移量來試，一看就會明白了，如果只從你上面的設定來看是看不出來的，因為你的所有陰影的偏移都為0，顏色都是白色。
還有一點，偏移量可以使正，也可以是負值。
2樓：匿名使用者
一般寫3個畫素值 + 一個顏色值 就行
前面第一個是指上下的陰影擴散程度，正值為向下擴散，負值為向上擴散，如果為0代表向上下同時根據第三個值的大小往外擴散。
第二個是指向左右擴散，正值為向右擴散，負值為向左，為0則代表向左右同時。
第三個值簡單的理解為擴散的距離
顏色值 是指陰影的顏色，你可以想象陰影的第一個（不透明）的畫素顏色就是它，然後逐漸的過度到完全透明。你上面的例子，是指它用的是rgb格式（3個255是白色，但後面的0.3讓它變成灰色），也可以用類似 #666666
上面講到第三個值（畫素值）時，只簡單的解釋為「距離」，沒有直接說是指：由「實」到完全透明的距離。就是因為你給出的例子裡有「第四個畫素值」，這個是指陰影「擴充套件」。
如果你會ps的話，這個很好理解；否則，你看下我下面說的，考考你理解力。
首先，第三個值已經設定陰影的距離，第四個值並不會改變這個距離。因此，它能改變的就是陰影的「透明度」。陰影一般的效果都是由不透明到完全透明，而第四個值就讓陰影在設定的距離內（第三個值），陰影不完全透明（即陰影效果為不透明到半透明）。
當然第四個值如果設定比第三個值小很多的話，你基本感覺不出變化，設定大點能感覺出來。
3樓：匿名使用者
rgba不是邊，而是指定部分透明的顏色，使用一個 "rgba(r,g,b,a)" 形式的字串。以這種形式，r、g 和 b 將顏色的紅，綠，藍分成指定為 0 到 255 之間的十進位制整數， 並且a 把 alpha 也就是不透明， 成分指定為 0.0 （完全透明）和 1.
0 （完全不透明）之間的一個浮點數值。例如，半透明的完全紅色為 "rgba(255,0,0,0.5)" 依此類推
仍有疑問，追問吧
哦，對了，忘了說前面的邊 4個數值：上右下左
css中box-shadow表示什麼意思
4樓：▓南
語法box-shadow: h-shadow v-shadow blur spread color inset;
h-shadow
必需。水平陰影的位置。允許負
值。v-shadow
必需。垂直陰影的位置。允許負值。
blur
可選。模糊距離。
spread
可選。陰影的尺寸。
color
可選。陰影的顏色。請參閱 css 顏色值。
inset
可選。將外部陰影 (outset) 改為內部陰影。
5樓：玖菱視覺
塊級元素的陰影，如div的陰影
簡述網頁中CSS的優點,在網頁中CSS有什麼作用
獨立於html檔案，方便修改，同時加快頁面載入的速度，同時也能夠實現同意效果的重用，多張網頁使用同樣的css情形下，只需一次載入，減少 量。在網頁中css有什麼作用 css網頁佈局的意義體現在如下方面 一 使頁面載入得更快 由於將大部分頁面 寫在了css當中，使得頁面體積容量變得更小。相對於 巢狀的...
求解css中幾個屬性的概念，求解CSS中幾個屬性的概念
第一個 此元素將顯示為塊級元素，此元素前後會帶有換行符。解釋 例如你在一個div中引用此樣式，接下來的元素會預設排列在此div之下。display官方說明 這個屬性用於定義建立佈局時元素生成的顯示框型別。對於 html 等文件型別，如果使用 display 不謹慎會很危險，因為可能違反 html 中...
dw中的CSS怎么設定，dw中模板的CSS 怎麼設定
我是這樣在模板中寫的，但是有的不好用。如我用上邊的 建好模板，已建的html檔案應用到已建好的模板中，在可編輯區域中用sytle1設定字型，好像模板中的style1不好用，得重新用css設定字型，但是p3 p4好用，不知為什麼cssi dw中怎麼新增css樣式 1 先啟動dw軟體，新建文件，文件型別...