静态banner
小米产品版式
CSS
.banner{
height:200px;
background: #ffcc00 url(/home/image.png) no-repeat left bottom;
text-align: right;
}
.banner h2 {
color: #333;
font-size: 36px;
font-weight: 400;
line-height: 100px;
}
.banner p {
font-size: 20px;
}
.banner a {
display: inline-block;
width:125px;
height: 40px;
background-color: #d23569;
text-align: center;
line-height: 40px;
color: #fff;
font-size: 20px;
}HTML
<div class="banner">
<h2>创造产生价值</h2>
<p>兼容并蓄，走向世界；兼容并蓄，走向世界；兼容并蓄，走向世界；兼容并蓄，走向世界</p>
<a href="#">我要报名</a>
</div>更新日志
2025/12/27 15:37
查看所有更新日志
99149-test(theme): ✅ 测试algolia搜索功能|测试collection和博客功能|测试代码显示于
版权所有
版权归属：foresee