如何使用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中如何设置斜面与浮雕浮雕效果?
  • 热门搜索
    体育手抄报 中秋手抄报 科技手抄报内容资料 足球手抄报简单又漂亮 民族手抄报 向国旗敬礼手抄报 节约粮食手抄报简单又漂亮 科普手抄报图片 关于法制的手抄报 天安城门手抄报