創建邊界只是在某些內容的頂部和底部

--------------------- 
     SOME CONTENT HERE 
    ---------------------

所以我基本上要的是，邊境僅在任何內容的頂部和底部有在裏面（最好是< p> </p>）這裏有一些我正在使用的代碼，但它絕對不會按照它的意思來工作。

padding: 5px 1px; 
box-shadow: 0 2px 5px black, 
    0 -2px 5px #800000, 
    0 0 5px black, 
    0 0 5px #800000;

該怎麼辦？

2012-09-30 Muavia

你正在尋找的上方和下方的元素陰影或邊界？ – j08691

好的，對不起，我知道如何創建邊框。我正在尋找影子。 – Muavia

你想要邊框還是影子？你的代碼告訴我你想要一個影子，你的問題會問一個邊界。如果邊界：

border-top: 1px solid black; 
border-bottom: 1px solid black;

如果影子：

-webkit-box-shadow: 0px 6px 2px -1px #000, 0px -6px 2px -1px #000; 
box-shadow: 0px 6px 2px -1px #000, 0px -6px 2px -1px #000;

2012-09-30 15:07:57

是的，我想要一個影子，現在我已經從你的答案中得到了它。 – Muavia

如果你想要一個邊框，那麼你可以這樣做。

.div { 
    border-top: 1px solid black; 
    border-bottom: 1px solid black; 
    width: 50px; 
    height: 50px; 
}

2012-09-30 14:58:13

您可以使用頂部下面的代碼和底部邊框

border-top:1px dashed black; 
    border-bottom:1px dashed black;

對於陰影效果通過這個link

一些修改代碼sebass

-webkit-box-shadow: 0px 1px 15px -1px #000, 0 -1px 15px -1px #000; 
box-shadow: 0px 1px 15px -1px #000, 0 -1px 15px -1px #000;

2012-09-30 15:01:48

回答