Css 边界不显示

Css 边界不显示,css,border,Css,Border,我的边界没有显示在我的图像周围,我不太确定问题可能是什么。我只需要在照片周围画一个黑色的小边框。我的网站是。我想不出是什么问题。谢谢 CSS: #kitchen { height:250px; width:346px; background-image:url(images/kitchenbg.jpg); } #kitchen img { top: 50%;

我的边界没有显示在我的图像周围,我不太确定问题可能是什么。我只需要在照片周围画一个黑色的小边框。我的网站是。我想不出是什么问题。谢谢

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;
        }
<div id="kitchen">
    <img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>
HTML:

#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;
        }
<div id="kitchen">
    <img src="images/kitchen.jpg" alt="Kitchen Tile Job"/>
</div>

您缺少:

border-style: solid;

边框有三个主要部分:宽度、样式和颜色;任何其他人都需要这种风格

尝试添加样式:

border-style: solid;
此外,您可以在css的同一行中指定所有这些:

border: thin solid black;
已更新

正如卫斯理所指出的,边界样式是唯一需要的样式

发件人:


除非设置了边框样式属性,否则任何边框属性都不会产生任何效果

您可以将边框宽度/样式/颜色放在一行中,如下所示:

Border: 1px solid black;

同时添加边框样式属性,例如
边框样式:solid

尝试以下操作:

border: 1px solid #F4F1E8;
box-shadow: 1px 1px 3px #4C4843;

实际上,
边框样式
是唯一必需的样式,默认值通常是
thin/1px
#000
我相信:事实上,如果不使用边框颜色,它将继承元素的颜色。换句话说,如果文本颜色为粉红色,则边框也将为粉红色。谢谢我有很多东西要学。这是我的第一个网站,我正在做完全由我自己。