2012-12-12 48 views
10

我的边框没有显示在我的图像周围,我不太确定问题可能是什么。我只需要照片周围的黑色边框。我的网站是http://www.welovetile.com。我无法弄清楚问题可能是什么。谢谢。CSS边框不显示在浏览器

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

您好爱德华。如果可能,你能接受下面最能帮助你的答案吗?这样做可以帮助找到你的问题的其他用户。 –

回答

1

你丢失:

border-style: solid; 
19

边境有三个主要部分:一宽度,样式和颜色;该风格是其他任何人都需要的。

尝试添加样式:

border-style: solid; 

此外,您还可以指定所有这些在同一条线上的CSS:

border: thin solid black; 

更新

正如韦斯利指出,边框式是唯一需要的。

http://www.w3schools.com/css/css_border.asp:除非边框样式属性设置

无边界性会产生什么影响!

+2

其实,'border-style'是唯一必需的,默认通常是'thin/1px'和'#000'我相信:http://jsfiddle.net/xzbb3/ –

+1

其实,如果你离开边框颜色它继承了元素的颜色。换句话说,如果你的文字颜色是粉红色的,你的边框也会变成粉红色。 http://jsfiddle.net/xzbb3/1/ – cimmanon

+0

谢谢!我有很多东西需要学习。这是我自己完成的第一个网站。 –

1

你可以把边框宽度/风格/颜色在一排这样的:

Border: 1px solid black; 
0

添加边框样式属性为好,例如border-style: solid;

0

试试这个:

border: 1px solid #F4F1E8; 
box-shadow: 1px 1px 3px #4C4843; 
相关问题