Header组件(背景图)

来源：互联网发布：传销组织知乎编辑：程序博客网时间：2024/06/05 07:20

<div class="m-header">    <div class="icon"></div>    <h1 class="text">Hello Music</h1></div>

    <style>        .m-header{            position: relative;            height: 44px;            text-align: center;            color: lightblue;            background: lightgray;            font-size: 0;        }        .icon{            display: inline-block;            vertical-align: top;            margin-top: 6px;            width: 30px;            height: 32px;            background-image: url("../components/images/logo@2x.png");            background-size: 30px 32px;        }        .text{            display: inline-block;            vertical-align: top;            line-height: 44px;            font-size: 14px;            margin-left: 10px;        }    </style>

<meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=0, minimum-scale=1.0, maximum-scale=1.0">

阅读全文

0 0