UI---Banner模板

<html>
	<head>
		<!-- Bootstrap CSS -->
		<link href="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/css/bootstrap.min.css" rel="stylesheet">
 
		<!-- jQuery -->
		<script src="https://cdn.staticfile.org/jquery/2.1.1/jquery.min.js"></script>
		 
		<!-- Bootstrap JavaScript -->
		<script src="https://cdn.staticfile.org/twitter-bootstrap/3.3.7/js/bootstrap.min.js"></script>
				
		
		<style>
			.banner{
				height:400px;
				width:100%;
				background-color:green;
			}
			.el{
				border-radius:0 250px 250px 0;
				height:400px;
				width:60%;
				background-color:black;
				margin:0;
				padding-top:5%;
				padding-left:5%;
			}
			._h2,._h1{
				color:white;
			}
		</style>
	</head>
	<body>
		<div class="banner">
			<div class="el">
				<h1 class="_h1">Banner标题</h1>
				<h2 class="_h2">Content内容</h2>
			</div>
		</div>
	</body>
</html>


发布了62 篇原创文章 · 获赞 25 · 访问量 2万+

猜你喜欢

转载自blog.csdn.net/qq_39115469/article/details/103517203
今日推荐