在群里看有小伙伴实现这样的导航,漂亮,记录下:
#nav{ box-sizing: border-box; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; margin-left: 15px; background-color:rgb(24,161,231); position:relative; display:inline-block; width:100px; height:30px; line-height:30px; color:#fff; padding-left:10px; } #nav:after{ position:absolute; content:""; right:0; border:15px solid rgb(24,161,231); border-right:15px solid #FFFFFF; } #nav:before{ position:absolute; content:""; left: -30px; border:15px solid white; border-right:15px solid rgb(24,161,231); }