CSS代码怎么把小图片设为背景图

 时间:2026-02-16 07:22:24

1、打开系统中的记事本,输入代码

<html>

    <body>

    </body>

</html>

CSS代码怎么把小图片设为背景图

2、点击标签<html>后面,输入head及style标签

<head>

  <style type="text/css">

  </style>

</head>

CSS代码怎么把小图片设为背景图

3、点击style标签之间,定义网页背景为图片

body {background-image:url(d:/bg.gif);}

其中的冒号和分号一定不能缺少,否则会出错。

CSS代码怎么把小图片设为背景图

4、点击文件另存为,保存为html格式后,打开网页文件预览。

CSS代码怎么把小图片设为背景图

5、如果想让图片在网页中不重复显示,可以在style标签body中添加代码 background-repeat: no-repeat

CSS代码怎么把小图片设为背景图

6、如果让图片在网页中沿纵向重复显示,可以修改上面代码为

background-repeat: repeat-y 

CSS代码怎么把小图片设为背景图

7、如果让图片在网页中沿横向重复显示,可以修改上面代码为

background-repeat: repeat-x 

CSS代码怎么把小图片设为背景图

  • 如何让背景图片自适应
  • css设置div四边框样式
  • HBuilderX的单个文件大小限制如何设为1024
  • css如何制作搜索图标
  • 制作网页时如何给图片特定区域加链接
  • 热门搜索
    买什么手机性价比高 12朵玫瑰代表什么 二百五是什么意思 头屑多用什么洗发水 什么牌子沐浴露好用 ce是什么意思 什么床垫子好 什么学习机好 老电脑装什么系统好 都是浮云是什么意思