frontières juste en haut et en bas de quelque contenu

Question

Je suis en train de le faire en utilisant le CSS

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

donc ce que je veux fondamentalement est que la frontière est juste en haut et en bas de tout contenu, il est à l'intérieur (le plus préférablement un < p> </p>) Voici un code que j'utilisais mais qui ne fonctionne certainement pas comme prévu.

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

Que dois-je faire pour cela?

Answer 1

Voulez-vous une bordure ou une ombre? Votre code me dit que vous voulez une ombre, votre question demande une bordure. Si frontière:

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

Si ombre:

-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; 

Exemples: http://jsfiddle.net/pGGXH/69/

Answer 2

Si vous voulez une bordure, vous pouvez le faire comme ceci.

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

Démo - http://jsfiddle.net/9VCZU/

Answer 3

vous pouvez utiliser le code ci-dessous pour bordures supérieure et inférieure

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

Pour effet d'ombre passer par cette link

quelques modifications au code de sébass

-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;