031腾讯导航

最新推荐文章于 2021-05-26 03:34:09 发布

哔了狗的哑铃

最新推荐文章于 2021-05-26 03:34:09 发布

阅读量302

点赞数

分类专栏： html/css

本文链接：https://blog.csdn.net/Davennewong/article/details/79785063

版权

html/css 专栏收录该内容

39 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>腾讯导航</title>
	<style>
		
		*{margin: 0;
		padding: 0;
		overflow: hidden;
		}
		#nav{
			width: 1000px;
			margin:0 auto;
			height: 65px;
			background: url("nav.jpg");
			background-repeat: no-repeat;
		}
		#nav a{
			color: #fff;
			text-decoration: none;
			font-size: 14px;
			margin:0px 0 0 15px;
			display: block;
			width: 30px;
			height: 15px;
			float: left;
		}
		.a_m_l20{
			padding-left: 20px;
			background-color: red;
		}
	</style>
</head>
<body>
	<div id="nav">
		<a href="#">新闻</a>
		<a href="#">图片</a>
		<a href="#">军事</a>
		<a href="#" class="a_m_l20">视频</a>
		<a href="#">热剧</a>
		<a href="#">综艺</a>
		<a href="#">娱乐</a>
		<a href="#">明星</a>
		<a href="#">电影</a>
		<a href="#">汽车</a>
		<a href="#">车型</a>
		<a href="#">购物</a>
		<a href="#">科技</a>
		<a href="#">数码</a>
		<a href="#">手机</a>
		<a href="#">教育</a>
		<a href="#">课程</a>
		<a href="#">出国</a>
		<a href="#">公益</a>
		<a href="#">佛学</a>
		<br>
		<a href="#">财经</a>
		<a href="#">证券</a>
		<a href="#">理财</a>
		<a href="#">体育</a>
		<a href="#">NBA</a>
		<a href="#">CBA</a>
		<a href="#">时尚</a>
		<a href="#">健康</a>
		<a href="#">育儿</a>
		<a href="#">房产</a>
		<a href="#">家居</a>
		<a href="#">家电</a>
		<a href="#">游戏</a>
		<a href="#">儿童</a>
		<a href="#">星座</a>
		<a href="#">文化</a>
		<a href="#">大家</a>
		<a href="#">文学</a>
		<a href="#">拍客</a>
		<a href="#">更多</a>
	</div>

	<div id="box1">box1</div>
	<div id="box2">box2</div>
	<div id="box3">box3</div>
	<div id="box4" style="clear: both;height: 1000px">box4</div>
	<div id="box5">box5</div>
	<div id="box6">box6</div>
	<div id="box7">box7</div>
	<div id="box8">box8</div>
	<div id="box9">box9</div>
	<div id="box10">box10</div>

	
</body>
</html>

哔了狗的哑铃

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
031腾讯导航

&lt;!DOCTYPE html&gt;&lt;html lang="en"&gt;&lt;head&gt; &lt;meta charset="UTF-8"&gt; &lt;title&gt;腾讯导航&lt;/title&gt; &lt;style&gt; *{margin: 0; padding: 0; overflow:
复制链接

扫一扫