CSS技术在Web开发中扮演了极其重要的角色,美化导航栏也是其中之一。下面来介绍几种css技巧,可用于美化导航栏,提升网站的视觉体验。1. 导航栏悬停效果当鼠标移到导航栏上方时,改变导航栏颜色。可实现
nav ul li:hover { background-color: #f2f2f2; }
nav ul li:last-child { border-bottom: 2px solid #333; }
nav ul li:hover a { color: red; }
nav { background: linear-gradient(to bottom, #cccccc, #ffffff); }
粉丝
0
关注
0
收藏
0