B站直播简介——单页小页面带阴影效果-1

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

B站直播简介——单页小页面带阴影效果-1

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

   
    
    <div style="width:1153px;height:220px;overflow:hidden;box-shadow:2px 3px 10px #808080;border-radius:10px;">
    <div style="width:1153px;height:220px;background:url(http://www.gudumumu.top/user/14931/bj.jpg) no-repeat; background-size:100%;border-radius:10px;">
    <div style="width:200px;height:220px;border-radius:50%;float:left;">
    <img src="http://www.gudumumu.top/user/14931/tx.jpg" style="width:200px;height:200px;margin:10px 0px 0px 10px; border-radius:50%;" />
            </div>
    <div style="width:300px;height:220px;float:left;margin:0px 0px 0px 55px;font-size:16px;color:#ffffff;">
    <div style="width:120px;height:25px;line-height:25px;text-align:center;border-radius:3px;background:#FF798B;">
                    主播介绍
                </div>
    <div style="width:300px;height:auto;">
                    一只声音萌萌的准备进击COS和CV的若受<br />
                    喜欢玩游戏但没人看,只有唱绝世小受才有人来
                </div>
    <div style="width:120px;height:25px;line-height:25px;text-align:center;border-radius:3px;background:#FBA397;">
                    直播内容
                </div>
    <div style="width:300px;height:auto;">
                    英雄联盟 艾欧尼亚 ID:若受爱受<br />
                    偶尔唱歌(腐歌绝世小受....之类的)经常英雄联盟坑人!
                </div>
            </div>
    <div style="width:300px;height:220px;margin:0px 0px 0px 30px;float:left;font-size:16px;color:#ffffff;">
    <div style="width:120px;height:25px;line-height:25px;text-align:center;border-radius:3px;background:#FE8B92;">
                    直播时间
                </div>
    <div style="width:300px;height:auto;">
                    周末有时间就立马直播<br />
                    放假有时间立马直播!!!!!
                </div>
    <div style="width:120px;height:25px;line-height:25px;text-align:center;border-radius:3px;margin-top: 23px;background:#FBA29E;">
                    关注方式
                </div>
    <div style="width:300px;height:auto;">
                    聊天群:<a href="http://jq.qq.com/?_wv=1027&k=2Dv7lrh">336793943</a> <br />
                    微博:若受爱受
                </div>
            </div>
    <div style="width:200px;height:220px;float:right;">
    <div style="width:180px;height:20px;text-align:center;margin-top:5px;font-size:16px;color:#ffffff;background:#808080;border-radius:3px 3px 0px 0px;">扫码投食</div>
    <img src="http://www.gudumumu.top/user/14931/zfb.png" style="width:180px;height:180px;" />
            </div>
        </div>
    </div>
    <span style="position:absolute; bottom:-20px; left:-20px; 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>


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

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

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