css导航栏

最新推荐文章于 2023-09-20 08:50:45 发布

无叙

最新推荐文章于 2023-09-20 08:50:45 发布

阅读量236

点赞数

分类专栏：学习文章标签： css html web开发

本文链接：https://blog.csdn.net/qq_43925054/article/details/106288683

版权

学习专栏收录该内容

3 篇文章 1 订阅

订阅专栏

导航栏

今天花了一些时间学习了一下导航栏，还是很重要的，打算一步一步开始

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>Document</title>
	<style>
		body{
			background-color: #000;
		}
		a{
			width: 200px;
			height: 50px;
			text-align:center;
			/*文字水平居中*/
			line-height: 50px;
			/*垂直居中*/
			display: inline-block;
			color: #fff;
			/*background-color: orange;*/
			font-size: 22px;
			text-decoration: none;
			/*取下文本下划线*/
		}
		a:hover{
			background: url(../image/h.png) no-repeat;
		}
	</style>
</head>
<body>
	<a href="#">专区说明</a>
	<a href="#">申请资格</a>
	<a href="#">兑换奖励</a>
	<a href="#">下载游戏</a>
	
</body>
</html>

效果图
在这里插入图片描述

无叙

关注

0
点赞
踩
1

收藏

觉得还不错? 一键收藏
0
评论
css导航栏

导航栏今天花了一些时间学习了一下导航栏，还是很重要的，打算一步一步开始<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <style> body{ background-color: #000; } a{ width: 200px; height: 50px;
复制链接

扫一扫