最新的B站直播简介的 教程

B站技术教程 孤独木木 6年前 (2018-09-26) 4821次浏览 已收录 0个评论 扫描二维码

演示代码

  <div style="width: 100%; height: 230px; background: url('https://51tuku.cn/images/2018/08/11/Zsk9V.jpg') no-repeat 0px -127px; overflow: hidden; background-size: 100%;">
        <div style="background: url('https://51tuku.cn/images/2018/08/16/ZsB6W.jpg') no-repeat; background-size: 100%; width: 200px; height: 200px; margin: 13px 0 0 16px; border-radius: 50%; float: left;"> </div>
        <div style="width: 400px; height: 220px; float: left; background: rgba(33, 164, 217, 0.5); margin: 6px 0 0 13px; border-radius: 5px;">
            <div style="width: 120px;height: 30px;border-radius: 3px;line-height: 30px;text-align: center;background: #0099CC;color: #fff;font-size: 16px;">直播内容</div>
            <div style="width: 550px; height: 100px; font-size: 16px; overflow: hidden;">
                <div style="width: 560px; height: 120px; font-size: 16px; overflow: a;">
                    1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
                1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
                1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111

                1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
                1111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
                1111 <br> 22222 <br> 1111 <br> 1111 <br> 11111111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
                1111 <br> 1111 <br> 1111 <br> 1111 <br> 11111111 <br> 1111 <br> 1111 <br> 1111 <br> 1111
                222 <br> 222 <br> 222 <br> 222 <br> 222 <br> 22 <br> 1111 <br> 1111 <br> 1111
                </div>

            </div>
        </div>
    </div>
喜欢 (2)
[15390816981]
分享 (0)

您必须 登录 才能发表评论!