边框没有显示出来

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;

更新

正如韦斯利所指出的,边境式是唯一必需的.

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

除非设置了border-style属性,否则没有任何边框属性会产生任何效果!

Answer 2

你缺少：

border-style: solid;

Answer 3

您可以像这样将边框宽度/样式/颜色放在一行中：

Border: 1px solid black;