我有问题,我不知道如何解决这个问题。我正在建立一个网站,在我的网站底部,我想要一个页脚图像。图像必须是全宽,高度为375像素。但我真的不知道该怎么做。我已经尝试了css和html中的所有内容,但它只是无法正常工作。每当我在html中放置一些东西时,图像就是它的正常尺寸,375px的高度这是好的,但它没有填充屏幕的宽度。那么有人可以帮助我吗?我试过的事情: HTML:
<div id="image">
<img src="images/college.jpg/>
</div>
CSS:
#image {
width: 100%;
height: 375px;
}
请记住,我是html和css的新手,我只是不知道如何解决这个问题。我尝试了很多东西,但它没有用。它就像一个全宽的页脚,但它需要是一个图像而不是一个颜色。 背景图像:SRC( '图像/ college.jpg');没用。请帮我html和CSS。 感谢。
答案 0 :(得分:1)
#image img {
width: 100%;
height: 375px;
}
您的CSS选择器正在选择图像的父div而不是图像。这就是为什么它不能满足您的要求。
如果您想使用background-image
属性,请记住src
无效。你必须在CSS中使用这样的url
:
#image {
width:100%;
height:375px;
background-image:url('images/college.jpg');
}
在CSS中,您也可以通过键入background
而不是background-image
或background-color
来分配图片或颜色。 e.g。
#image {
width:100%;
height:375px;
background:url('images/college.jpg'); /* background:#fff; */
}
答案 1 :(得分:0)
你的目标是div而不是图像。图像在div内部,您必须了解div只是图像的容器。所以你可能想要定位图像。 例如:
img.MyImage{
width:<your width here>;
height:<your height here>;
<!-- dont put <> in actual code -->
}
此处您的图片代码将包含MyImage类。