CSS：我如何添加陰影標籤或盒子

我有一個按鈕，就如同在等有Ask Question這裏是它的CSS：CSS：我如何添加陰影標籤或盒子

.rfs .grey_btn{ 
    float: right; 
    margin: 15px 5px; 
}

現在我必須邊框陰影添加到它，我已經嘗試了邊界半徑和方塊陰影，但它沒有給我適當的結果。

還有一個問題是，我有一個標籤或框說，現在我想增加該框的大小，以便我已經將該框內的文本移動到正確的位置，目前如果我將它移動到正確的位置，盒子的最終限制，所以我想增加盒子的大小，這樣我就可以向右推文本。

希望我已經明確提出了我的問題。任何指導將不勝感激。

謝謝。

來源

2010-06-08 Rachel

的box-shadow屬性還沒有得到廣泛的支持，但等來實現：

img { 
    -webkit-box-shadow: 5px 5px 10px #666; 
    -moz-box-shadow: 5px 5px 10px #666; 
    box-shadow: 5px 5px 10px #666; 
}

不知道你問的是標籤/盒什麼？

來源

2010-06-08 18:28:03 edl

我該如何增加標籤或盒子的寬度？ – Rachel 2010-06-08 19:06:54

一個標籤是一個內聯元素，所以如果你想設置它的寬度，你需要將它的顯示屬性改爲'display：inline-block'。如果將其設置爲最小寬度或完全不指定寬度，則只要設置了溢出，它就會展開以包含您的內容：auto IE： 'label {overflow：auto; border：1px solid＃000 ; display：inline-block;}'（添加邊框，以便您可以看到框的形狀。） – edl 2010-06-08 19:17:01

Box-Shadows僅適用於某些現代瀏覽器，因爲它們是CSS3屬性。如何正確使用它們，你可以在這裏看到：http://www.css3.info/preview/box-shadow/

你可以使用背景圖像作爲陰影效果，或者你可以使用帶有邊框的第二個標記（如跨度），但這是一個非常糟糕的解決方案。

對於你的標籤問題：你是否試圖添加一個「pagging-left」，它會將你的文本移動到右側並增加標籤的寬度？

編輯：由於CSS3不是最終的，每個瀏覽器都有自己的僞css3屬性。添加陰影和額外的寬度和空間的SO按鈕，你可以在現代瀏覽器中使用這些CSS屬性：

.nav a { 
    -khtml-box-shadow: 10px 10px 5px #888888; 
    -webkit-box-shadow: 10px 10px 5px #888888; 
    -moz-box-shadow: 10px 10px 5px #888888; 
    box-shadow: 10px 10px 5px #888888; 
    padding-left: 35px; 
}

編輯：添加了CSS的Safari和KHTML的瀏覽器。這將導致這樣的事情： SO Button http://i45.tinypic.com/dpcnwz.png

來源

2010-06-08 18:22:26 2ndkauboy

.rfs .grey_btn 
{ 
    -webkit-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; 
    -khtml-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; 
     -moz-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; 
     -o-box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; 
      box-shadow:rgba(0,0,0,0.7) 0px 5px 15px, inset rgba(0,0,0,0.15) 0px -10px 20px; 
}

來源

2016-05-01 08:52:52 csandreas1

CSS：我如何添加陰影標籤或盒子

回答

相關問題