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配景图片怎么添加的详细内容,更多请关注本网内其它相关文章!
免责说明:以上展示内容泉源于相助媒体、企业机构、网友提供或网络网络整理,版权争议与本站无关,文章涉及看法与看法不代表GA黄金甲滤油机网官方态度,请读者仅做参考。本文接待转载,转载请说明来由。若您以为本文侵占了您的版权信息,或您发明该内容有任何涉及有违公德、冒犯执法等违法信息,请您连忙联系GA黄金甲实时修正或删除。