首页 > 软件开发 > JavaScript >

background-image怎么用

来源:互联网 2023-03-16 23:56:28 142

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

工具/原料

  • 电脑
  • editplus等

background-image使用方法

  • 1

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

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

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

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

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

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

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

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

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

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

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

  • 3

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

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

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

    示例:

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

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

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

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

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

  • 4

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

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

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

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

  • 5

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

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

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


    标签: CSSJAVASCRIPT

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