1.下划线可以使用border-bottom或者自定义class来实现
2.float可以直接加在ul上面,加在li上还要调整html代码,而且反向调整也不太好
3.list-style可以直接定制三角形或者使用counter计数器,用图片不太好
4.去除a标签的默认事件,写成href='javascript:;'比较合理
5.建议使用WebStorm
2.float可以直接加在ul上面,加在li上还要调整html代码,而且反向调整也不太好
3.list-style可以直接定制三角形或者使用counter计数器,用图片不太好
4.去除a标签的默认事件,写成href='javascript:;'比较合理
5.建议使用WebStorm
2016-10-08
/*在此定义相关样式,控制列表的显示形式*/
li{
float: left;
list-style: none;
width: 50px;
}
a{
text-decoration:none;
text-align: center;
}
a:hover {
background-color: red;
}
a:link, a:visited {
color:black;
}
<li><a href='#' style='display:block'>高级</a></li>
li{
float: left;
list-style: none;
width: 50px;
}
a{
text-decoration:none;
text-align: center;
}
a:hover {
background-color: red;
}
a:link, a:visited {
color:black;
}
<li><a href='#' style='display:block'>高级</a></li>
<ul>
<li><a href="list.html">公司新闻</a></li>
<li><a href="list.html">行业新闻</a></li>
<li><a href="list.html">媒体报道</a></li>
<li><a href="list.html">活动专题</a></li>
</ul>
<li><a href="list.html">公司新闻</a></li>
<li><a href="list.html">行业新闻</a></li>
<li><a href="list.html">媒体报道</a></li>
<li><a href="list.html">活动专题</a></li>
</ul>
2016-10-03
在新版的myFocus中,不需要引入风格js文件和风格css文件,只需要添加
<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库-->
即可
风格js文件和css文件放在mf-pattern文件夹中 ,把mf-pattern文件夹和myfocus-2.0.0.min.js放在同一根目录下。
<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库-->
即可
风格js文件和css文件放在mf-pattern文件夹中 ,把mf-pattern文件夹和myfocus-2.0.0.min.js放在同一根目录下。
2016-10-03
在新版的myFocus中,不需要引入风格js文件和风格css文件,只需要添加
<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库-->
即可
<script type="text/javascript" src="js/myfocus-2.0.0.min.js"></script><!--引入myFocus库-->
即可
2016-10-03