如何使用HTML制作tab选项卡

共有10个步骤

1.首现我们进入DW

2.我们新建一个html文档，在新建一个css样式文件，将它们放入同一文件夹下。用link标签将css外部样式文件引入HTML文档

 

3.之后我们给它一个div，设置类名为“bk”，再给5个li标签，给第一个li标签设置一个类

4.然后，我们进入css样式，用通配符*来设置内外边距，在去掉li标签前面自带的圆点，再设置div的宽高

5.再设置li标签的样式，再给我们之前单独设置类的li标签单独设置样式

6.我们再给一个div，设置类名为“ls”，再在ul标签里放入li标签，在li表签里放入a标签

7.再设置类名为“ls”的div里ul，li，a标签的样式

 

8.然后我们再使用<script></script>标签引入js样式

9. 样式写好后，再写js样式，设置tab选项卡的动画效果

10.最后在浏览器打开预览