Html CSS边框没有出现？

因此，在我的CSS代码中，我有以下内容：

img {
        border: 5px solid #fff;
        margin: 5px;
        position:relative;
        -webkit-box-shadow: 1px 1px 1px 1px #ccc;
        -moz-box-shadow: 1px 1px 1px 1px #ccc;
        box-shadow: 1px 1px 1px 1px #ccc;
            opacity: 0.5;
         filter: alpha(opacity=50); /* For IE8 and earlier */

但是，5px白色边框没有出现，只是阴影。我错过了什么

编辑：在回复到目前为止的所有回复时，我显然看到#fff是白色的，正如我上面提到的，“5px白色边框”。我希望它是白色的

---

发生的事情是，根本没有出现边界，只有带阴影的img。但是我想要5px的白色边框，然后阴影从上面掉下来。我在别处见过，但出于某种原因，它对我不起作用

你的img有一个边框，但你看不到它，因为#fff是白色的（除非你有较暗的背景）。

你的图像有边框。您使用了

#fff

作为边框颜色，这是白色

的十六进制代码。将其更改为
黑色
或更暗的颜色。
更改
边框的颜色：5px纯色#fff
类似于
#000
。您没有看到边框颜色，因为
#fff
表示白色，而您的身体背景颜色也是白色。
我确实包含了结尾标记，只是没有在这里显示。我怀疑这是一个用户体验问题，但请参见下面的答案。