任务二　个人网站底部导航制作

任务二　个人网站底部导航制作

任务要求

（1）打开1902.html，另存为2002.html。

（2）引入fontawesome.css。

（3）最底部创建〈container-fluid〉，里含〈footer〉标签子盒子。

（4）运用字体图标和flex布局制作如图20.2.1所示效果，字体大小20px。

（5）当鼠标经过“联系我”时，显示二维码图片宽度为100px。

个人网站底部导航CSS部分如图20.2.2所示，HTML部分如图20.2.3所示。

图20.2.1　个人网站底部导航

图20.2.2　个人网站底部导航CSS部分

图20.2.3　个人网站底部导航HTML部分