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;