阿里巴巴头部

  这次开讲的是阿里巴巴头部的制作 效果图:


要求头部的logo与导航栏的文字对齐、导航栏对应的背景色或者背景图、字体的颜色以及鼠标经过显示白色背景框+文字颜色的改变。


首先 左上方插入一张logo图 并且给到它相应的样式



然后在下方导航插入一张橙色的背景图(素材里面有),一开始我还没有发现  就用了背景色,所以要认真观察,善于运用素材了!

背景图:                        导航栏部分的样式:             



文字:         


鼠标经过的效果:




由于背景图的高度设置了38px,导航里面的文字设置了32px,多出的6px自然就变成了橙色,鼠标经过文字显示出来的白色背景框就有这个效果了。 

无论是课堂的作业还是晚上的作业,都离不开老师的教学以及同学们的沟通、互相帮忙学习的一个过程,谢谢大家!

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值