我的图片周围没有显示边框,我不太确定问题出在哪里。我只需要在照片周围加一个黑色的小边框。我的网站是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>
最佳答案
边框由三个主要部分组成:宽度、样式和颜色;任何其他样式都需要该样式。
尝试添加样式:
border-style: solid;
此外,您可以在同一行 css 中指定所有这些:
border: thin solid black;
已更新
正如 Wesley 所指出的,边框样式是唯一需要的样式。
来自 http://www.w3schools.com/css/css_border.asp :
除非设置了 border-style 属性,否则所有边框属性都不会产生任何效果!
关于css - 边框不显示,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/13848482/