手记

html和CSS基础课程学习

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

同样的功能用jquery实现更为简单:

看清楚点:

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


3人推荐
随时随地看视频
慕课网APP