css - 用渐变边框围绕一个 div

Question

如何用边框包围一个 div？

this is what I am trying to accomplish 并完成了图像。

我有侧面(或顶部和底部)，我不能用灰银边框包围 div。

[JsFiddle 代码:

 <div class="panel-body">
      <ul>
    <li>Locomotives</li>
    <li>Radios</li>
    <li>Televisions</li>
    <li>Computers</li>
    <li>Monitors</li>
    <li>Satellites</li>
    <li>Spaceships</li>
    <li>Submarines</li>
    <li>Scuba Divers</li>
    </ul>
     </div>

]Jsfiddle 2

Answer 1

改用box-shadow:

http://jsfiddle.net/3knyndxz/1/

.panel-body {
    float: left;
    padding: 30px;
    background: #fff;
    border-radius: 10px;
    box-shadow: inset 0 0 20px #ccc;
}