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