html（css）实现水平导航

最新推荐文章于 2024-05-19 09:58:49 发布

墨汁霜

最新推荐文章于 2024-05-19 09:58:49 发布

阅读量4.7k

点赞数 1

分类专栏： Html5网页前端设计

本文链接：https://blog.csdn.net/weixin_44614751/article/details/102654221

版权

这一篇是实现垂直导航的：
https://blog.csdn.net/weixin_44614751/article/details/102653968

水平导航：
实现效果图
在这里插入图片描述
鼠标放上去会有阴影：

代码：直接把css文件放到style这个标签，可以自行分离

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>导航栏的制作</title>
		<link type="text/css" rel="stylesheet" href="#">
		/*如果需要css文件，把这改成自己的路径，代码粘贴即可*/
		<style>
			*{
   
				margin: 0;
				padding: 0;
				font-family: "microsoft yahei",宋体,arial, helvetica,sans-serif;
				font-size: 0.75rem;
				font-style: normal;
			}
			li,ul,img,a,div{
   
				border: 0;
				list-style: none;
			}
			
			div{
   
				display

最低0.47元/天解锁文章

墨汁霜

关注

1
点赞
踩
29

收藏

觉得还不错? 一键收藏
0
评论
html（css）实现水平导航

这一篇是实现垂直导航的：https://blog.csdn.net/weixin_44614751/article/details/102653968水平导航：实现效果图鼠标放上去会有阴影：代码：直接把css文件放到style这个标签，可以自行分离<!DOCTYPE html><html> <head> <meta charset=...
复制链接

扫一扫