首页 > 软件开发 > JavaScript >

background-image怎么用

来源:互联网 2023-03-16 23:56:28 版权归原作者所有,如有侵权,请联系我们

background-image为元素设置背景图像,占据了元素的全部尺寸。x7X办公区 - 实用经验教程分享!

工具/原料

  • 电脑
  • editplus等

background-image使用方法

  • 1

    示例:x7X办公区 - 实用经验教程分享!

    .div{x7X办公区 - 实用经验教程分享!

    background-image:url(xxx.jpg);}x7X办公区 - 实用经验教程分享!

    background-image是指在元素背景中设置一个图像。x7X办公区 - 实用经验教程分享!

    url是指图像的地址位置。x7X办公区 - 实用经验教程分享!

    xxx.jpg是指图片名称以及前面需要添加图片路径x7X办公区 - 实用经验教程分享!

    background-image怎么用x7X办公区 - 实用经验教程分享!

  • 1相关内容未经授权抓取自百度经验
  • 2

    background-image默认以左上角垂直的水平方向重复x7X办公区 - 实用经验教程分享!

    url可以使用绝对路径也可以使用相对路径。x7X办公区 - 实用经验教程分享!

    background-image怎么用x7X办公区 - 实用经验教程分享!

  • 3

    默认值:none;不显示默认图像。x7X办公区 - 实用经验教程分享!

    继承;no;x7X办公区 - 实用经验教程分享!

    css3中属性值可以是多值模式,多个用英文逗号分隔。x7X办公区 - 实用经验教程分享!

    示例:

    x7X办公区 - 实用经验教程分享!

    background-image:x7X办公区 - 实用经验教程分享!

    url(aaa.jpg),x7X办公区 - 实用经验教程分享!

    url(bbb.jpg);x7X办公区 - 实用经验教程分享!

    background-image怎么用x7X办公区 - 实用经验教程分享!

  • 4

    background-position属性设置图像的起始位置。x7X办公区 - 实用经验教程分享!

    background-repeat定义图像的平铺模式。x7X办公区 - 实用经验教程分享!

    background-attachment定义图像固定或者是页面滚动。x7X办公区 - 实用经验教程分享!

    background-image怎么用x7X办公区 - 实用经验教程分享!

  • 5

    javascript使用:object.style.backgroundImage="url(xxx.jpg)"x7X办公区 - 实用经验教程分享!

    background-image怎么用x7X办公区 - 实用经验教程分享!

  • 以上方法由办公区教程网编辑摘抄自百度经验可供大家参考!x7X办公区 - 实用经验教程分享!


    标签: CSSJAVASCRIPT

    办公区 Copyright © 2016-2023 www.bgqu.net. Some Rights Reserved. 备案号:湘ICP备2020019561号