css - 边框不显示

Question

我的图片周围没有显示边框，我不太确定问题出在哪里。我只需要在照片周围加一个黑色的小边框。我的网站是http://www.welovetile.com .我不知道可能是什么问题。谢谢。

CSS:

#kitchen {
        height:250px;
        width:346px;
        background-image:url(images/kitchenbg.jpg);
    }

        #kitchen img
        {   
            top: 50%;
            left: 50%;
            width: 316px;
            height: 228px;
            margin-top:11px;
            margin-left:15px;
            border-color:#000000;
            border-width:thin;
        }

HTML:

<div id="kitchen">
    <img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>

Answer 1

边框由三个主要部分组成:宽度、样式和颜色；任何其他样式都需要该样式。

尝试添加样式:

border-style: solid;

此外，您可以在同一行 css 中指定所有这些:

border: thin solid black;

已更新

正如 Wesley 所指出的，边框样式是唯一需要的样式。

来自 http://www.w3schools.com/css/css_border.asp :

除非设置了 border-style 属性，否则所有边框属性都不会产生任何效果!