顺丰选项卡（自用）

最新推荐文章于 2020-01-07 11:52:30 发布

我的哥哥呦

最新推荐文章于 2020-01-07 11:52:30 发布

阅读量120

点赞数

分类专栏： HTML 文章标签：选项卡

本文链接：https://blog.csdn.net/qq_20497071/article/details/94355107

版权

HTML 专栏收录该内容

25 篇文章 0 订阅

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			*{
				margin: 0;
				padding: 0;
			}
			.sf{
				width: 1259px;
				height: 472px;
				margin: 100px auto;
				position: relative;
			}
			.nav{
				width: 900px;
				height:80px;
				background-color: #000;
				position: absolute;
				bottom: 0;
				left: 50%;
				margin-left: -450px;
			}
			.nav li{
				float: left;
				width: 160px;
				height: 80px;
			}
			.nav li a{
				width: 150px;
				height: 80px;
				display: block;
				text-align: center;
				line-height: 80px;
				color: #fff;
				text-decoration: none;
			}
			.nav li a:hover{
				background-color: #fff;
				color: #000;
			}
		</style>
	</head>
	<body>
		<div class="sf">
			<a href="#">
				<img src="QQ截图20190630142117.png"  height="472" width="1259"/>
			</a>
			<div class="nav">
				<ul>
					<li><a href="#">快捷查询</a></li>
					<li><a href="#">快捷查询</a></li>
					<li><a href="#">快捷查询</a></li>
					<li><a href="#">快捷查询</a></li>
					<li><a href="#">快捷查询</a></li>
				</ul>
			</div>
		</div>
	</body>
</html>

我的哥哥呦

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
顺丰选项卡（自用）

<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <style type="text/css"> *{ margin: 0; padding: 0; } .sf{ wid...
复制链接

扫一扫

专栏目录