如何使用CSS3中的属性order控制元素出现的顺序

2024-10-19 21:59:28

1、第一步,双击打开HBuilderX工具,新建一个HTML5页面并修改title内部内容,如下图所示:

如何使用CSS3中的属性order控制元素出现的顺序

3、第三步,利用div元素的ID选择器,设置display属性值为flex,兼容不同浏览器,如下图所示:

如何使用CSS3中的属性order控制元素出现的顺序

5、第五步,利用类选择器,设置第一个和第二个p标签元素的order属性和margin属性,如下图所示:

如何使用CSS3中的属性order控制元素出现的顺序
猜你喜欢