如何製作這樣的CSS邊框？

Question

我這樣做。 http://i.imgur.com/FteNpmN.jpg

我要讓邊境像下面。有人可以幫助我。

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

Answer 1

設置與父UL標籤的1px的下邊距上的李（列表標籤）的橙色背景顏色添加背景梯度由左到右，橙色變爲白色到橙色。即

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

我的繼承人快速原油例如http://jsfiddle.net/sjmcpherso/evdhb0ca/

甚至更​​好使用漸變線分離僞元素，因爲它看起來像有側邊欄上本身即梯度：

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