Html CS信息系统图像边界

我将.ImageBorder嵌套在样式中，如下所示：

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

.ImageBorder
{
边框宽度：1px；
边框颜色：黑色；
}
除名
{
宽度：400px；
填充：10px；
边框：5px纯灰；
边际：0px；
}

我使用图像本身：

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

为什么它不能产生我预期的结果

我将一般语法与简单文本进行了比较：

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

Claude Shannon

---

当与上述div.ex一起使用时，效果良好。

您必须提供

边框样式

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

为了便于将来参考，您可以以速记形式快速定义边框：

边框：1px纯黑