先看预览效果: 实现思路: 将<li>标签向右浮动实现水平平铺,同样是用li设置样式来表示成分隔竖线。而鼠标经过出现的下划线,通过只设置底部边框样式来实现,就是说边框本来有上下左右,现在只显示下边框,并设置为黄色 具体代码: <!doctype html> <html> <head> <meta charset="utf-8"> <title>导航栏</title> <style type="text/css"> li{ float:right; /*向右浮动*/ te