2012-12-12 172 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; 
相關問題