Banner设计：
是一种用于展示品牌、产品或服务信息的网络广告设计。 通常以横幅的形式出现在网页或移动端屏幕的顶部，也可以在社交媒体平台上使用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>第五人格banner效果</title>
<style>
div{
background-image: url(./image/第五人格海报.jpg);
background-repeat: no-repeat;
background-size: 1256px,500px;
height: 500px;
/* background-size: 500px; */
}
h1{
font-size: 36px;
color: #333;
line-height: 100px;
text-align: left;
}
p{
font-size: 20px;
color: #333;
text-align: left;
}
button{
width: 125px;
height: 40px;
background-color: #f06b1f;
line-height: 40px;
color: aliceblue;
font-size: 20px;
border: 0;
}
button:hover{
background-color: pink;
}
div{
}
</style>
</head>
<body>
<div>
<h1>让创造产生价值</h1>
<p>我们希望小游戏平台可以提供无限的可能性，让每一个创作者都把他们的才华和创意传递给每一个用户。</p>
<form>
<button>我要报名</button>
</form>
</div>
</body>
</html>
成果：
标签：color,练习,height,500px,background,第四天,font,banner,size From： https://www.cnblogs.com/songnienie/p/18617134