如何使用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和对应值
  • Animate2018软件中怎样创建html文件
  • Animate如何用按钮控制时间轴倒播(AS3)
  • 如何制作DIY鼠标垫
  • ps中替换颜色命令怎么用?
  • PS中如何设置斜面与浮雕浮雕效果?
  • 热门搜索
    感恩节手抄报图片 普法手抄报图片 建队日手抄报 手抄报a4版面设计图 电子手抄报模板 清明手抄报图片大全 奥运会手抄报内容 读书的手抄报图片大全 缅怀先烈手抄报资料 数学乐园手抄报