Comment faire une bordure CSS comme ça?

Question

Je fais cela. http://i.imgur.com/FteNpmN.jpg

Je veux faire une bordure comme ci-dessous. Quelqu'un peut m'aider.

http://i.imgur.com/hAxLHil.jpg

Answer 1

définir la couleur de fond orange sur la li (balise liste) avec une 1px marge inférieure sur l'étiquette mère UL ajouter un dégradé d'arrière-plan qui va de gauche à droite, orange au blanc à l'orange. à savoir

background: linear-gradient(to right, #ff670f 0%,#ffe3d3 49%,#ff670f 100%); 

Heres mon exemple brut rapide http://jsfiddle.net/sjmcpherso/evdhb0ca/

Ou encore mieux utiliser un élément pseudo pour le séparateur de ligne de gradient car il semble qu'il y ait un gradient dans la barre latérale lui-même-à-dire:

http://jsfiddle.net/sjmcpherso/pgc0ewub/