CSS边框不显示？答案

【问题标题】：CSS border not showing up?CSS边框不显示？
【发布时间】：2015-07-08 03:37:18
【问题描述】：

所以，在我的 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 白色边框”。我希望它是白色的。

发生的事情是根本没有出现 NO 边框，只是带有阴影的 img。但我想要 5px 的白色边框，然后阴影就会消失。我在其他地方见过它，但由于某种原因它对我不起作用。

【问题讨论】：

我确实包含了结束 } 标签，只是在这里错过了。
我怀疑这是一个用户体验问题，但请参阅下面的答案。

标签： html css

【解决方案1】：

您的图片有边框。您使用#fff 作为边框颜色，这是white 的十六进制代码。将其更改为 black 或更暗的名称。

【讨论】：

【解决方案2】：

将border: 5px solid #fff; 的颜色更改为#000 之类的颜色。您看不到边框颜色，因为#fff 表示白色，而您的身体背景颜色也是白色。

【讨论】：

【解决方案3】：

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

【讨论】：