学习周记9

本周在老师的带领下学习CSS部分内容。

CSS导航栏

通过使用导航栏可以使设计的网页更加简洁美观。下面是垂直导航栏的设计及运行结果。
代码：

下面是运行结果：

当然，在设计导航栏后，我们需要将其激活以完成导航栏应用作用的实现。通过添加active，我们可以规定哪些栏目可以被选择。

CSS下拉菜单

使用 CSS 创建一个鼠标移动上去后显示下拉菜单的效果，并设置链接使下拉菜单内项目能被点击并进入新页面。



运行结果：

课后总结

通过这周的学习，在网页设计上我们学到了很多可以美化网页界面的知识。