任务一　个人网站欢迎页面

任务一　个人网站欢迎页面

任务要求

（1）打开文件1702.html，另存为1801.html。

（2）设置.container-fuild盒子display：none（隐藏）。

（3）用链接标签链接到被隐藏的盒子#box，链接文字为“欢迎来到〈br〉我的世界”，字号40px，颜色白色，字符间距5px，添加文字阴影效果。

（4）定位在页面水平中间，距离顶部40%的位置。

（5）制作一个三角形放在文字下方，鼠标经过变色。

效果如图18.1.1所示，其CSS代码如图18.1.2所示，HTML结构如图18.1.3所示。

图18.1.1　个人网欢迎界面

图18.1.2　个人网页欢迎页面CSS代码

图18.1.3　个人网页欢迎页面HTML结构