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

2025-10-19 13:50:17

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

<html>

<body>

</body>

</html>

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

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

<head>

</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代码怎么把小图片设为背景图

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。