1打开DW,CTRL+n新建一个HTML
2新建div然后给div加个类menu然后再新建的div再嵌套一个div加类item
![](https://www.icode9.com/i/ll/?i=9edcd70121404006b73508a6b1762168.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2hpX2ppYTIzMw==,size_10,color_FFFFFF,t_70,g_se,x_16)
3加上h3标签当标题然后再h3标签下面添加div加类box然后再ul里添加4个li然后再li添加手风琴里的内容
![](https://www.icode9.com/i/ll/?i=b507fc1590274ad6b7f6d98b4d29174e.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2hpX2ppYTIzMw==,size_17,color_FFFFFF,t_70,g_se,x_16)
4加link添加上css然后再css写样式
![](https://www.icode9.com/i/ll/?i=95f9a73c9e3f4c01a3346ab181cb56d5.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2hpX2ppYTIzMw==,size_20,color_FFFFFF,t_70,g_se,x_16)
![](https://www.icode9.com/i/ll/?i=2817839e91f04ea0bcb76a481c77c094.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2hpX2ppYTIzMw==,size_13,color_FFFFFF,t_70,g_se,x_16)
5如果需要多几行可以复制
6用浏览器打开看看效果
![](https://www.icode9.com/i/ll/?i=07d64790c518497a8b4b5ee42938f1e3.png)
![](https://www.icode9.com/i/ll/?i=fb2de4617ffd4c2ebecadb08eadd454a.png?,type_ZHJvaWRzYW5zZmFsbGJhY2s,shadow_50,text_Q1NETiBAc2hpX2ppYTIzMw==,size_10,color_FFFFFF,t_70,g_se,x_16)
标签:h3,然后,添加,加类,DW,手风琴,div
来源: https://blog.csdn.net/shi_jia233/article/details/121596411