html配景图片怎么添加
如何添加 html 配景图片?在 元素中添加 background-image 属性,指定图像路径。使用 background-size 设置配景巨细。用 background-repeat 控制配景重复方法?裳∩柚茫号渚拔恢谩⑴渚把丈⒍嗾排渚巴计。
HTML 配景图片添加
如何添加HTML配景图片?
为HTML页面添加配景图片的办法如下:
办法 1:定位 body 元素
立即学习“前端免费学习条记(深入)”;
在
元素中添加 background-image 样式属性。
办法 2:提供图像路径
将要显示为配景的图像路径放入 url() 函数中。路径可以是绝对路径或相对路径。
办法 3:设置配景巨细
使用 background-size 属性指定配景图片的巨细?梢陨柚梦 cover(笼罩整个页面)、contain(按比例调解为适合页面)或指定像素值。
办法 4:设置配景重复
使用 background-repeat 属性控制配景图片在页面上的重复方法?梢陨柚梦 no-repeat(不重复)、repeat(水平和笔直重复)或 repeat-x/y(仅水平或笔直重复)。
示例代码:
登录后复制
特别选项:
配景位置: 使用 background-position 属性设置配景图片在页面上的位置。
配景颜色: 使用 background-color 属性设置配景颜色,如果配景图片不可用或透明时显示。
多张配景图片: 可以使用逗号离开多个配景图片,例如:background-image: url(/help/&), url(/help/&);
以上就是html配景图片怎么添加的详细内容,更多请关注本网内其它相关文章!
免责申明:以上展示内容来源于相助媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与看法不代表大宝娱乐滤油机网官方立场,请读者仅做参考。本文接待转载,转载请说明来由。若您认为本文侵犯了您的版权信息,或您发明该内容有任何涉及有违公德、冒犯执法等违法信息,请您立即联系大宝娱乐实时修正或删除。