html5导航线条设置

 时间:2024-10-31 19:25:59

1、<style type="text/css">涯箨唁峦*{ padding: 0; margin: 0; list-style-type: none;}ul{艘早祓胂 width: 1000px; height: 40px; border-bottom: 1px solid red;}ul li{ width: 100px; float: left; line-height: 40px; text-align: center;}.select{ line-height: 39px; border: 1px solid red; border-bottom: 1px solid #fff;}</style>

2、<body> <ul> <li class="select">开始</li> <li>结束</li> <li>开始</li> <li>结束</li> <li>开始</li> <li>结束</li> <li>开始</li> </ul></body>

3、<script src="js/jquery-2.1.1.min.js"></script><script type="text/javascript"> $('ul li').mouseenter(function(){ $(this).addClass('select').siblings().removeClass('select'); })</script>

  • 原神如何升级甘雨技能山泽麟迹?
  • eclipse如何增加视图并调整
  • WebStorm怎么设置显示代码选择上的值工具提示
  • c#学习:[5]以超链接形式显示文本
  • 原神怎么试用温迪
  • 热门搜索
    牙齿手抄报 国庆手抄报内容资料 诚信手抄报图片大全 珍爱生命手抄报内容 母亲节手抄报资料 英语手抄报设计图 关于少先队的手抄报 未来的2035年手抄报 古诗文手抄报 春天的脚步手抄报