手抄报 安全手抄报 手抄报内容 生活知识 生活百科 英语手抄报 清明节手抄报 节约用水手抄报 知识问答

如何用CSS设置背景图片

时间:2026-04-14 16:55:08

1

如何用CSS设置背景图片

1、       在<body> 标签里面添加一个<div>标签,文字内容为“商品列表”,并嵌入到CSS内部样式,代码如下图:

2、运行程序,结果如下:

如何用CSS设置背景图片

3、      设置<div>的宽度为150px,高度为40px,并为<div>增加背景颜色为红色,在工程文件下面创建一个名为image的文件夹,在其文件插入一张.gif的图片( url/image/1.gif),并设置边距上下为10px,左右为120px,不平铺(no-repeat),代码如下图

如何用CSS设置背景图片

4、运行程序,结果如下:

如何用CSS设置背景图片

5、设置字体颜色为白色(white),粗体;行高(line-height:40px)与<div>的高度一样;内边距:字体离边框15px;代码如下:

如何用CSS设置背景图片

6、运行程序,结果如下:

如何用CSS设置背景图片

© 2026 手抄报圈
信息来自网络 所有数据仅供参考
有疑问请联系站长 site.kefu@gmail.com