经典居中布局

车宝宝应用下载

最新推荐文章于 2023-01-04 13:33:24 发布

phoenix_cat

最新推荐文章于 2023-01-04 13:33:24 发布

阅读量93

点赞数

CC 4.0 BY-SA版权

分类专栏： html

本文链接：https://blog.youkuaiyun.com/phoenix_cat/article/details/84694686

html 专栏收录该内容

30 篇文章

订阅专栏

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>车宝宝下载</title>
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
html,body,div,span,h1,h2,h3,h4,h5,h6,p,em,img,ins,q,samp,small,strong,b,i,dl,dt,dd,ol,ul,li,article,aside,footer,header,nav,section
	{
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

html,body {
	font-family: sans-serif;
	height: 100%;
}

a {
	font-size: 12px;
	color: #3c3c3c;
	text-decoration: none;
}

small {
	font-size: 12px;
	display: block;
}

.c6 {
	color: #666
}

.Tcenter {
	text-align: center;
}

.swipe ul li,.swipe2 ul li {
	min-height: 333px;
	position: relative;
	text-align: center
}

.swipe .content p {
	font-size: 12px;
	padding-top: 20px;
}

.swipe .content span.btn, .swipe2 .share span.btn{ width:60%; height:36px; display:inline-block; background: -ms-linear-gradient(top, #2893fd,  #1b6cd7);background:-moz-linear-gradient(top,#2893fd,#1b6cd7);background:-webkit-gradient(linear, 0% 0%, 0% 100%,from(#2893fd), to(#1b6cd7));background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#2893fd), to(#1b6cd7));background: -webkit-linear-gradient(top, #2893fd, #1b6cd7); background: -o-linear-gradient(top, #2893fd, #1b6cd7); text-align:center;  margin-top:20px;}

.swipe .content span.btn a, .swipe2 .share span.btn a{height:36px;  display:block;color:#fff; font-size:14px;line-height:2.5em;}

.swipe .content,.swipe2 .share {
	text-align: center;
	width: 100%;
}

.swipe .content p a {
	color: #333
}
</style>

</head>
<body>


	<div class="swipe">
	
		<ul>
			<li></li>
		</ul>
	
		<div class="content">
			<span class="btn">
				<a href="https://itunes.apple.com/cn/app/che-bao-bao/id946522907?l=en&mt=8">iPhone下载</a>
			</span>
			<br>
			<span class="btn">
				<a href="http://shouji.360tpcdn.com/141230/805f8afb4b4c214f19841c5636bfd341/com.sky.car_100.apk">安卓下载</a>
			</span>
		</div>
	</div>

</body>
</html>