1、打开HBuilderX工具,在已创建的Web项目,新建一个静态页面div.html

2、接着打开已新建的页面文件,修改title标签的内容,改为标题内容

3、在<body></body>标签中,插入一个div标签,并添加id属性值

4、利用ID选择器,设置div标签样式,如宽度、高度、外边距、边框、行高等

5、使用伪类选择器,设置相关的动画效果,然后定义动画百分比例

6、保存代码并运行项目,打开浏览器预览界面,可以看到div对角出现斜线

1、打开HBuilderX工具,在已创建的Web项目,新建一个静态页面div.html
2、接着打开已新建的页面文件,修改title标签的内容,改为标题内容
3、在<body></body>标签中,插入一个div标签,并添加id属性值
4、利用ID选择器,设置div标签样式,如宽度、高度、外边距、边框、行高等
5、使用伪类选择器,设置相关的动画效果,然后定义动画百分比例
6、保存代码并运行项目,打开浏览器预览界面,可以看到div对角出现斜线