首页 > 软件开发 > HTML >

HTML/CSS背景background

来源:互联网 2023-03-16 19:18:51 143

HTML/CSS背景background。epc办公区 - 实用经验教程分享!

HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

方法/步骤

  • 1

    新建HTML文件,写一个DIV,设置宽高和边框。epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 2

    设置背景图片:background-image:url(图片路径);epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 3

    设置是否及如何重复背景图像background-repeat:[no-repeat背景图像将仅显示一次。]epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 4

    background-repeat:repeat-x背景图像将在水平方向重复。epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 5

    background-repeat:repeat-y背景图像将在垂直方向重复。epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 6

    定位背景图像:background-position:center;背景居中。epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 7

    定位背景图像:background-position:left topepc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 8

    固定背景在可视区域 background-attachment:fixed;epc办公区 - 实用经验教程分享!

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

  • 8相关内容非法爬取自百度经验
  • 9

    background复合样式:background:yellowurl(0.png)no-repeattopfixedepc办公区 - 实用经验教程分享!

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

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

    HTML/CSS背景backgroundepc办公区 - 实用经验教程分享!

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


    标签: HTMLCSS

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