网页导航栏制作时，菜单项之间常用1像素细线做分隔，如上图。
给菜单栏菜单项添加分隔线代码如下：
/* 给菜单栏菜单项添加分隔线 */
.nav li {
border-right: 1px solid #666;
}
最后一个菜单项右边就不需要这个边框线了，如何处理呢？
去除最后一个菜单项右边的分隔线，代码
/* 移除分隔线 */
.nav li:last-child {
border-right: none;
}
今天中国网页设计教给大家使用伪类 :not() 将样式只应用到你需要的元素上：
/* 使用:not()去除导航上不需要的边框*/
.nav li:not(:last-child) {
border-right: 1px solid #666;
}
.nav li:not(:last-child) 的意图特别清晰，菜单项最后一个将不使用border-right: 1px solid #666; 样式。
125jz网原创文章。发布者：江山如画，转载请注明出处：http://www.125jz.com/2254.html
网页制作时，如产品分类目录、导航等，需要制作纵向二级导航菜单，点击展开分类显示子目录，再点击收缩起目录。 中国网页设计分享的二级导航菜单使用CSS+JS制作，调用简单方便，可移植、可修改。 网页HTML代码（放在body区域）： <div id=”my_menu” class=”sdmenu”> <div> <span>教…
为了防止用户恶意获取短信验证码或邮箱验证，在网站制作时会考虑在点击获取验证码的按钮上做个倒计时的效果。 需要隔10秒再次发送， 实现这个功能，需要用到setInterval和clearInterval。 setInterval() 方法可按照指定的周期（以毫秒计）来调用函数或计算表达式。 setInterval() 方法会不停地调用函数，直到 clearIn…
鼠标指向图片实现放大效果，多用于产品展示，可以通过Js，jquery来实现。为更好的优化网站，最好的方法还是纯css来实现。 <!doctype html> <html> <head> <meta charset="utf-8"> <title>纯css实现鼠标指向图片放大效果|…
<!doctype html> <html> <head> <meta charset="utf-8"> <title>动态二级下拉导航菜单</title> <style type="text/css"> *{margin:0;padd…
非常简洁的一个三级导航菜单，纯css实现，适用于企业产品分类导航等，代码精简，兼容所有浏览器。 See the Pen 纯css实现的三级下拉导航菜单 by 江山如画 (@jgyzhr)on CodePen.
弹出页面被大多浏览器拦截，现在多数改为弹出窗口，即通过弹出层来实现，今天中国网页设计给大家分享两个点击弹出带关闭按钮的窗口代码。 jquery实现可拖动弹出窗口特效 <html > <head> <title>jquery实现可拖动弹出窗口特效-带关闭按钮</title> <script type=&qu…
微信扫一扫 
支付宝扫一扫