HBuilderX软件下载：（或者直接点击官网下载更快：https://www.dcloud.io/hbuilderx.html）

实验指导书：

网页效果图：

实验说明：

1. 删除所有元素，特别是列表的默认样式：

*{list-style:none;outline:none;}

2.去掉字体的修饰样式：

text-decoration:none;

3.使dl元素隐藏和显示的CSS样式：

dl{display:none;}  --隐藏
dl{display:block;} --显示

4.本例中用到的一些颜色：

#5E2D00;     #f03;      #333;

思考：如果给这四个超链接菜单分别添加下列属性，会有什么效果呢？

onmouseout="javascript:document.getElementById('news1').style.display='none';"

onmouseover="javascript:document.getElementById('news1').style.display='block';"