Html 为什么照片下面有黑色的东西?

Html 为什么照片下面有黑色的东西?,html,css,Html,Css,这是css照片的大小超过400 *{ 边际:0px; 填充:0px; } .sekil1{ 边缘顶部:5px; 左边距:7px; 宽度:400px; 高度:400px; 背景色:黑色; } img{ 最大宽度:100%; 最大高度:100%; } 这是html 这是一张照片,照片的大小超过400 您已将图像插入固定大小为400px 400px的div中。您已将此div指定为黑色背景色。 通过设置“最大宽度”和“最大高度”,您告诉图像保持其原始纵横比。因此,作为矩形图像,只有宽度值为400px,剩

这是css照片的大小超过400
*{
边际:0px;
填充:0px;
}
.sekil1{
边缘顶部:5px;
左边距:7px;
宽度:400px;
高度:400px;
背景色:黑色;
}
img{
最大宽度:100%;
最大高度:100%;
}
这是html
这是一张照片,照片的大小超过400

您已将图像插入固定大小为400px 400px的div中。您已将此div指定为黑色背景色。 通过设置“最大宽度”和“最大高度”,您告诉图像保持其原始纵横比。因此,作为矩形图像,只有宽度值为400px,剩下的区域为​​div的背景颜色

可以将div的背景色设置为透明

也可以不设置div的高度

如果您的目标是通过稍微裁剪使图像成为正方形,那么只需将“最大宽度”替换为“宽度”,将“最大高度”替换为“高度”


我希望我能帮上忙

从div中移除高度