B站直播简介——单页-4

样式代码 孤独木木 5年前 (2016-05-13) 2899次浏览 已收录 0个评论 扫描二维码

B站直播简介——单页-4

文章里面出现的一些标签需要修改的属性可以在这里查找点击

   
    <div style="width:1153px;height:220px;background:url(http://www.gudumumu.top/user/33708/bj.jpg);overflow:hidden;background-size:100%;border-radius:10px;box-shadow:3px 5px 10px #808080;">

       
        <div style="width:1153px;height:220px;background:rgba(39, 14, 20, 0.16);overflow:hidden;position:absolute;font-weight:bold;">
            <!--展示自己要介绍的东西BOX2-->
            <div style="width:400px;height:220px;float:left;padding-top:5px;color:#ffffff;font-size:17px;overflow:hidden;margin-left:50px;">

                <div style="width:400px;height:125px;overflow:hidden">

                    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#DCC5A7;">
                        主播介绍
                    </div>

                    <div style="width:400px;height:85px;">
                        地球人←_←学生党→_→宅<br />
                        这么可爱一定是男孩子咯<br />
                        喜欢玩各种游戏,喜欢AC(刺客辣条)
                    </div>

                </div>

                <div style="width:400px;height:110px;overflow:hidden">

                    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#7DB3F6;">
                        直播时间
                    </div>

                    <div style="width:400px;height:85px;">
                        一般是下午或者晚上啦
                    </div>

                </div>


            </div>


            <!--展示自己要介绍的东西BOX3-->
            <div style="width:403px;height:220px;float:left;padding-top:5px;color:#ffffff;font-size:17px;margin-left:10px;overflow:hidden;">

                <div style="width:400px;height:125px;overflow:hidden">

                    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#87BAF9;">
                        直播简介
                    </div>

                    <div style="width:400px;height:85px;">
                        平常主要玩守望先锋<br />
                        战网ID:唯有化身修罗一途#5241<br />
                        然后单机,网游,主机游戏都有涉及,有好玩的游戏也请大家推荐
                    </div>

                </div>

                <div style="width:403px;height:110px;">

                    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#B39CAB;">
                        联系方式
                    </div>

                    <div style="width:403px;height:85px;">
                        直播企鹅群:<a href="http://jq.qq.com/?_wv=1027&k=2IQfbdi" style="color:#ffffff;">557396837</a> (加群一起开黑一起玩~)<br />
                        最擅长卖萌与作死
                    </div>

                </div>


            </div>

            <!--展示自己要介绍的东西BOX4-->
            <div style="width:200px;height:220px;float:right;">

                <div style="width:170px;height:170px;background: url(http://www.gudumumu.top/user/33708/zfb.jpg) -23px -12px;background-size: 130%;border-radius: 50%;"></div>
                <div style="width:170px;height:25px;line-height:25px;text-align:center;color:#ffffff;font-size:20px;">↑扫 码 投 食 ↑</div>




            </div>


        </div>
    </div>

    <span style="position:absolute; bottom:0px; left:0px; font-size:20px; background: #86DFFF; border-radius:0px 3px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#270E14;">孤独木木制作</a></span>


转载时请保留版权信息孤独木木制作

喜欢 (3)
[15390816981]
分享 (0)

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