首页 > 编程知识 正文

css如何添加背景图片,html怎样设置背景图片

时间:2023-05-06 21:15:03 阅读:47164 作者:3883

2019独角兽企业大额募集Python工程师标准

以前听H5,现在学H5。

本文讨论网页背景图片的设置。 用URL设置图像的路径很简单。 重要的是图像的位置一致。

当然,图像资源太差了,调整很麻烦,所以我们换个图,发送你里面get图像资源的方式。

【三.设置很麻烦,换张图吧】

一、单行代码background:URL(“…”) no-repeat fixed center top;

图像URL路径网络路径: http://img.sccnn.com/bimg/338/38073.jpg示例: background : URL (http://img.sccnn.com/bimg/338 home.png ) )使用no-repeat、repeat-x、repeat-y的原因:图像大小、大小不完全适合网页,网页默认情况下在网页中重复填充图像no-repeat-y fixed相对于浏览器固定背景位置center相对于浏览器位于中央的top相对于浏览器的上部为二,background-size设定图像,看以下5种适应网页的方法,基于直接像素的图像尺寸background 基于百分比的图像大小background-size:30% 60%; 用等比扩展图像填充元素,即cover值background-size:cover; 等比缩小图像适应元素大小,即contain值background-size:contain; 用图像本身的大小填充元素(auto值)。 也就是说,以默认方法进行后台大小:自动; 三、设置麻烦,我们在换照片上说的是图像不合适的情况下,我们去找别人家的好照片不就更好了吗? 资源还有很多。

我们平时使用的谷歌、UC、360等浏览器具有设置浏览器背景图像的功能。 那些图像适合自然是很好的,那么如何得到这些浏览器设定的背景图像呢?

(1)打开开发者模式)键盘) F12键或Ctrl Shift i; 鼠标:右击----检查。

)2)找到里面的网络------- img,打开后里面是空的,刷新一下就好了。

)3)右键单击图像,选择第三个Openimage in new tab

)4)最后一步,本地保存右键图像,使用图像的绝对路径设置为网页背景图像。

在学生阶段,你在探索。

转载于3:https://my.oschina.net/amos Wang/blog/711243

版权声明:该文观点仅代表作者本人。处理文章:请发送邮件至 三1五14八八95#扣扣.com 举报,一经查实,本站将立刻删除。