在CSS中,我们可以使用background-image属性将图片放入HTML元素中。 例如,我们想将一张名为“bg.jpg”的图片作为背景放入body元素中,可以使用以下代码: 在CSS中设置bod
在CSS中设置body元素的背景图片:
body { background-image: url("bg.jpg"); }其中,url()中的地址可以是本地图片路径,也可以是网络图片路径。如果需要设置背景图片的显示方式,可以使用background-size、background-position等属性。 当然,我们也可以将图片放入其他元素中,例如一个div元素:
在CSS中设置div元素的背景图片:
div { background-image: url("bg.jpg"); background-size: cover; }在这个例子中,我们设置了background-size为cover,表示图片会被“裁剪”并填满整个div元素。如果我们想将图片缩放并完全展示在div元素中,可以将background-size设置为contain。 总之,在CSS中放入图片的方法非常简单,只需要使用background-image属性即可实现。同时记得根据需要进行一些属性的设置,例如background-size和background-position,让图片展示出最好的效果。
粉丝
0
关注
0
收藏
0