web前端初学--头部和导航

2025-11-01 16:19:11

1、首先打开photoshop cs5，根据上节课的分享很容易做好ps的准备

2、目标1 填充页面背景色值：#f1f1f1

选择工具栏最下方的填充工具，点击前景色框，输入色值f1f1f1

（快捷键alt+del填充背景前景色）

web前端初学--头部和导航

3、目标2 设置头部文字

1 选择工具栏 T 工具输入头部文字（文字可自行组织）

2 头部标题设置：字号30 微软雅黑颜色：黑色效果：锐利

web前端初学--头部和导航

4、目标3 完成导航部分

1 选择矩形工具画出导航条，默认前景色是黑色

2 再次选择 T 工具输入导航文字

3 文字设置：白色宋体 14号字

web前端初学--头部和导航

5、目标4 完成html和css代码

将html插入到<body></body>之间

将css代码输入完成

代码如图所示：

web前端初学--头部和导航

6、完成后，F12浏览看效果

声明：本网站引用、摘录或转载内容仅供网站访问者交流或参考，不代表本站立场，如存在版权或非法内容，请联系站长删除，联系邮箱：site.kefu@qq.com。