18

我的图像周围没有出现我的边框，我不太确定可能是什么问题。我只需要在照片周围有一个黑色的小边框。我的网站是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>
4

5 回答 5

37

边框有三个主要部分：宽度、样式和颜色；其他任何人都需要该样式才能工作。

尝试添加样式：

border-style: solid;

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

border: thin solid black;

更新

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

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

除非设置了border-style属性，否则所有的边框属性都不会产生任何影响！

于 2012-12-12T21:00:27.173 回答
6

你错过了：

border-style: solid;
于 2012-12-12T21:00:08.507 回答
6

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

Border: 1px solid black;
于 2012-12-12T21:00:47.960 回答
1

尝试这个：

border: 1px solid #F4F1E8;
box-shadow: 1px 1px 3px #4C4843;
于 2012-12-12T21:04:48.313 回答
0

还添加一个边框样式属性，例如border-style: solid;.

于 2012-12-12T21:01:12.733 回答