请用无序列表ul 写一个简单的横向导航

请用无序列表ul 写一个简单的横向导航,要求链接有鼠标移上的交互效果。

<!--样式--> <style type="text/css">
.nav li{ float:left; width:100px; list-style-type:none;}
.nav li a{ color:#333;}
.nav li a:hover{ color:#f00; text-decoration:underline; }
</style><!--html代码--> <ul class="nav">
<li><a href="#">导航链接1</a></li>
<li><a href="#">导航链接2</a></li>
<li><a href="#">导航链接3</a></li>
</ul>
温馨提示:答案为网友推荐,仅供参考