手抄报 安全手抄报 手抄报内容 手抄报图片 英语手抄报 清明节手抄报 节约用水手抄报

如何使用CSS3的属性background-repeat和对应值

时间:2024-10-11 19:35:30

1、第一步,在已打开的HBuilderX工具,新建页面文件,然后插入一个div标签,并设置id属性

如何使用CSS3的属性background-repeat和对应值
如何使用CSS3的属性background-repeat和对应值

2、第二步,利用ID选择器设置div标签样式属性,如宽度、高度、边框、背景色和背景图像

如何使用CSS3的属性background-repeat和对应值

3、第三步,保存代码并运行页面文件,打开浏览器,查看界面显示的效果

如何使用CSS3的属性background-repeat和对应值

4、第四步,添加字体属性和椭圆形属性,然后加background-repeat,设置值为round

如何使用CSS3的属性background-repeat和对应值

5、第五步,再次保存代码并刷新浏览器,可以查看到界面上显示图片不一样

如何使用CSS3的属性background-repeat和对应值

6、第六步,将background-repeat属性值改为space,然后保存并查看效果

如何使用CSS3的属性background-repeat和对应值
© 手抄报圈