学这个的应该还没学javascript,用如下代码可实现同样效果。
.on{color:#fff;background:#F30;}
a:hover{color:#fff;background:#F30;width:160px;}
这里.on与a:hover要分开写,要不然默认状态,首页也会变宽,视频中默认状态是窄的,只有鼠标放上去才会变宽。
.on{color:#fff;background:#F30;}
a:hover{color:#fff;background:#F30;width:160px;}
这里.on与a:hover要分开写,要不然默认状态,首页也会变宽,视频中默认状态是窄的,只有鼠标放上去才会变宽。
2016-12-07
基本的样式清除: *{margin:0;padding:0}
无序列表圆点去除: ul{list-style:none}
下划线去除: a{text-decoration:none}
文本缩进标签 text-indent 不会影响总体宽度(padding会)
需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block}
hover格式 a:hover{}
无序列表圆点去除: ul{list-style:none}
下划线去除: a{text-decoration:none}
文本缩进标签 text-indent 不会影响总体宽度(padding会)
需要将a标签设置为块元素,才能设高宽、hover效果 代码:a{display:block}
hover格式 a:hover{}
2016-12-06