<!DOCTYPE html><html><head><meta charset="UTF-8"><title>导肮栏</title>/*导航栏样式开始*/<style>ul{height:60px;list-style: none;}li{padding: 15px;width: 100px;display: inline-block;float: left;background-color: darkred;}li a{display: inline-block;float: left;color: #fff;text-indent: 10px;text-decoration:none;}</style>/*导航栏样式结束*/</head><body><!--导航栏开始--><div><ul><li><a href="#">京东商城</a></li><li><a href="#">京东商城</a></li><li><a href="#">京东商城</a></li><li><a href="#">京东商城</a></li><li><a href="#">京东商城</a></li></ul></div><!--导航栏结束--></body></html>html实现导航栏效果
原文地址：https://www.cnblogs.com/yanpingping/p/10419826.html