32、用html制作QQ会员页面导航（半成品，需要素材）

最新推荐文章于 2023-12-05 19:01:24 发布

天元白手

最新推荐文章于 2023-12-05 19:01:24 发布

阅读量8.3k

点赞数 8

分类专栏： html 文章标签： html 初学

本文链接：https://blog.csdn.net/qq_44739706/article/details/90451655

版权

html 专栏收录该内容

25 篇文章 24 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>制作QQ会员页面导航</title>
		<style type="text/css">
			*{
				margin: 0px auto;
				padding: 0px;
			}
			div{
				margin: 10px;
				color: white;
				width: 100%;
				height: 50px;
				background: #666666;
				color: ragba(0,0,0,0.5);
				background-size:contain;
				/* border: 1px #00F dashed; */
				
			}
			img{
				padding-left: 30px;
				width: 100px;
				height:10px
				border:1px solid red;
				/* clear:left; */
			}
		img,p{vertical-align: middle;}
			p{
				/* float:left; */
				color: #FFFFFF;
			display: inline;
				padding-bottom: 20px;
				padding-left:10px ;
			}
			a{
				color:white;
			}
		a:link{	
				text-decoration: none; }
		a:hover{
			color:blue;
			
		}
		#denglu{
			width: 40px;
			height: 20px;
			border: 1px solid yellow;
			border-radius:20px 20px 20px 20px;
			text-align: center;
		}
		</style>
	</head>
	<body>
		<div id="">
			<nav>
				
				<p><img src="../img/logo.png" ></p>
				
				<p><a href="">功能特权</a></p>
				 
				<p><a href="">游戏特权</a></p>
				 
				<p><a href="">生活特权</a></p>
				 
				<p><a href="">会员活动</a></p>
				 
				<p><a href="">成长体系</a></p>
				 
				<p><a href="">年费专区</a></p>
				 
				<p><a href="">超级会员</a></p>
				
				<p><a href="#"><span id="denglu">登录</span></a></p>
				
				<p><a href="#"><span id="chaojihuiyuan">开通超级会员 </span></a></p>
			</nav>		 

		</div>
		
	</body>
</html>

天元白手

关注

8
点赞
踩
15

收藏

觉得还不错? 一键收藏
打赏
0
评论
32、用html制作QQ会员页面导航（半成品，需要素材）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>制作QQ会员页面导航</title> <style type="text/css"> *{ margin: 0px auto; padding: 0px; ...
复制链接

扫一扫