2012-06-30 4 views

Répondre

3

box-shadow accepte plusieurs valeurs, si simplement répéter vos valeurs avec un -3px offset:

-moz-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE; 
-webkit-box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE; 
box-shadow: inset 3px 0px #BDD4DE, inset -3px 0px #BDD4DE; 

Mais ceux qui ressemblent plus à des frontières que des ombres. Peut-être que vous devriez utiliser les frontières au lieu, et peut-être avec box-sizing: border-box au cas où vous ne pouvez pas soustraire de largeur ou padding:

border-left: 3px solid #BDD4DE; 
border-right: 3px solid #BDD4DE; 
+1

Voir aussi: [Est-ce que CSS3 box-shadow: encart ne fait qu'un ou deux côtés? comme border-top?] (http://stackoverflow.com/questions/5917412/can-css3-box-shadowinset-do-only-one-or-two-sides-like-border-top) (en utilisant les frontières est plus applicable ici puisque vous ne brouillez pas les ombres du tout) – BoltClock

0

Vous pouvez également l'utiliser comme ceci

box-shadow:0px 0px 5px Grey 

La première valeur et secod est le décalage (n'utilisez pas de décalage) et la troisième valeur est la valeur de flou

+0

Il ne veut pas le brouiller ... – BoltClock

+0

Il ne dit pas ça –

Questions connexes