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

 时间:2026-04-26 06:36:35

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

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

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

(快捷键alt+del填充背景前景色)

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

3、目标2 设置头部文字

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

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

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

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

4、目标3 完成导航部分

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

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

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

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

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

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

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

将css代码输入完成

代码如图所示:

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

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

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

  • C语言中用数组解约瑟夫问题
  • C#编程实验指导二(矩阵类,运算符重载,抽象类)
  • Mathematica基础——Boole
  • 热处理中的四把火是什么
  • 如何使用python语言中的方法获取字典中的值
  • 热门搜索
    家长如何教育高中生 宾格手表质量怎么样 如何推广产品 婚姻不顺如何化解 欧美成年性色生活片 高中生活 廊坊师范学院怎么样 大满贯是什么意思 农历七月十四是什么节 怎么让皮肤变白变嫩