15158846557 在线咨询 在线咨询
15158846557 在线咨询
所在位置: 首页 > 营销资讯 > 网站运营 > 用html+CSS做一个简易的导航栏

用html+CSS做一个简易的导航栏

时间:2023-07-26 16:06:01 | 来源:网站运营

时间:2023-07-26 16:06:01 来源:网站运营

用html+CSS做一个简易的导航栏:

HTML代码块

<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>JS Bin</title></head><body><div class="nav"> <ul class="tip"> <li class="btli"><a href="#">首页</a></li> <li class="btli"><a href="#">直播</a> <ul class=droplist> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> </ul> </li> <li class="btli"><a href="#">漫画</a> <ul class=droplist> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> </ul> </li> <li class="btli"><a href="#">赛事</a> <ul class=droplist> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> </ul> </li> <li class="btli"><a href="#">番剧</a> <ul class=droplist> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> <li><a herf="#">我是下拉</a></li> </ul> </li> </ul> <ul class="history"> <li class="wode"><a href="#">我的</a></li> <li class="lisjilv"><a href="#">历史记录</a></li> </ul></div></body></html>

CSS代码块



关键词:简易,导航

74
73
25
news

版权所有© 亿企邦 1997-2025 保留一切法律许可权利。

为了最佳展示效果,本站不支持IE9及以下版本的浏览器,建议您使用谷歌Chrome浏览器。 点击下载Chrome浏览器
关闭