GA黄金甲

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黄金甲实时修正或删除。

相关新闻

联系GA黄金甲

18523999891

可微信在线咨询

事情时间:周一至周五,9:30-18:30,节沐日休息

QR code
【网站地图】【sitemap】