<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>
UI---Banner模板
猜你喜欢
转载自blog.csdn.net/qq_39115469/article/details/103517203
今日推荐
周排行