大宝娱乐

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配景图片怎么添加的详细内容,更多请关注本网内其它相关文章!

免责申明:以上展示内容来源于相助媒体、企业机构、网友提供或网络收集整理,版权争议与本站无关,文章涉及见解与看法不代表大宝娱乐滤油机网官方立场,请读者仅做参考。本文接待转载,转载请说明来由。若您认为本文侵犯了您的版权信息,或您发明该内容有任何涉及有违公德、冒犯执法等违法信息,请您立即联系大宝娱乐实时修正或删除。

相关新闻

联系大宝娱乐

13452372176

可微信在线咨询

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

QR code
网站地图网站地图
友情链接:尊龙凯时  bti体育  千赢国际  尊龙凯时  k8凯发  ag亚娱  老哥俱乐部  大发welcome  c7c7娱乐  壹定发  leyu  亚美AM8AG