我的边框没有出现在我的图片周围,我不太清楚问题是什么。我只需要在照片周围留一个小黑边框。我的网站是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>
答案 0 :(得分:26)
Borders有三个主要部分:宽度,款式和颜色;任何其他人都需要这种风格。
尝试添加样式:
border-style: solid;
此外,您可以在css的同一行中指定所有这些:
border: thin solid black;
已更新
正如韦斯利所指出的,边境式是唯一必需的。
来自http://www.w3schools.com/css/css_border.asp:
除非设置了 border-style 属性,否则没有任何边框属性会产生任何效果!
答案 1 :(得分:2)
您可以将边框宽度/样式/颜色放在一行中,如下所示:
Border: 1px solid black;
答案 2 :(得分:1)
你错过了:
border-style: solid;
答案 3 :(得分:0)
也添加边框样式属性,例如border-style: solid;
。
答案 4 :(得分:0)
试试这个:
border: 1px solid #F4F1E8;
box-shadow: 1px 1px 3px #4C4843;