任务一 姓名字母拼合

任务一 姓名字母拼合

任务要求

(1)新建文件1501.html。

(2)设置页面背景颜色。

(3)根据素材,运用CSS精灵图技术,拼出自己姓名字母的组合,如图15.1.1所示。其HTML结构部分如图15.1.2所示,CSS参考代码如图15.1.3所示。

图示

图15.1.1 姓名字母拼合效果图(https://www.daowen.com)

图示

图15.1.2 HTML结构部分

图示

图示

图15.1.3 CSS代码参考