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;