CS信息系統圖像邊緣

Question

我嵌套我.ImageBorder風格的內部如下：

<style> 
.ImageBorder 
{ 
border-width:1px; 
border-color:Black; 
} 
div.ex 
{ 
width:400px; 
padding:10px; 
border:5px solid gray; 
margin:0px; 
} 
</style> 

我使用的圖像這樣：

<img src="claude-shannon1.jpg" width="400" height="400" class = "ImageBorder"/> 

爲什麼它不會產生我預期的結果？

我比較了一般語法簡單的文字：

<div class="ex">Claude Shannon</div> 

當上述div.ex用於正常工作。

Answer 1

您必須提供border-style。

.ImageBorder 
{ 
    border-style:solid; 
    border-width:1px; 
    border-color:Black; 
} 

對於未來的參考，你可以快速的簡寫形式定義邊界：

border:1px solid black;