造成这种情况的原因可能有以下几种:
1. 图片尺寸设置有误
img {
width: 100px;
height: auto;
}
此时,图片的高度会根据宽度按比例自适应,可能出现宽度不足以显示边框的情况。
2. 图片的 display 属性不是默认值
img {
display: block;
}
将图片设置为块级元素的时候,图片的边框就会显示出来。
3. 网络延迟或图片路径错误
在网络较慢或者图片文件不存在的情况下,图片边框也可能不显示出来。
总之,要保证图片的尺寸、样式属性设置正确,同时确保图片文件存在并且路径正确。