为了账号安全,请及时绑定邮箱和手机立即绑定

html和CSS基础课程学习

标签:
Html/CSS

垂直菜单关键点:
<ul><li><a>结构,定义<ul>的宽度,其他样式都在<a>里定义即可。注意text-indent,text-align属性
水平菜单:
只需要把垂直菜单<ul>的宽度去掉,<li>的样式定义为左浮动即可。
圆角菜单制作:
圆角一般用背景图片实现,只需要把背景图片加到img里,a:hover的时候background-position向下偏移一个数值,露出圆角背景即可。
margin可以定义负值,向反方向偏移。
伸缩菜单制作:
要用js实现,如图:
图片描述

图片描述

同样的功能用jquery实现更为简单:
图片描述

看清楚点:
this代表的是a标签

回答:“this”代表的是<a>标签。


点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消