css - 如何在超厚和多色边框周围创建超薄边框(黑色)

Question

我想加一个超细的黑边
在这个环的边界上方和下方。

http://jsfiddle.net/PUBqA/5/

目标是让这个戒指容易看
在白色背景上。

唯一的方法就是添加一些薄的
环外环内黑色边框。

这是我目前的代码:

CSS:

#ring{
    width:250px;
    height:250px;
    border:100px solid black;
    border-color: red blue green yellow;
    border-radius: 50%;
}

html:

<div id="ring"></div>

Answer 1

尝试在您的代码中这样添加:

DEMO

#ring{
   box-shadow:0 0 0 10px #000, 0 0 0 10px #000 inset;
  -khtml-box-shadow: 0 0 0 10px #000, 0 0 0 10px #000 inset;
  -moz-box-shadow: 0 0 0 10px #000, 0 0 0 10px #000 inset;
  -webkit-box-shadow: 0 0 0 10px #000, 0 0 0 10px #000 inset;
}