小米产品版式

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/6/23 14:31

查看所有更新日志

• 38633-feat(theme): ✨ 启用博客功能于 2025/6/23

版权所有

版权归属：passwordgloo

许可证：署名-相同方式共享 4.0 国际 (CC-BY-SA-4.0)