<!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实现导航栏效果
猜你喜欢
转载自www.cnblogs.com/yanpingping/p/10419826.html
今日推荐
周排行