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

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

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

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

   
    
    <div style="width:1153px;height:220px;background:url(http://www.gudumumu.top/user/26536/bj.jpg);overflow:hidden;background-size:100%;border-radius:10px;box-shadow:3px 5px 10px #808080;">
    <div style="width:300px;height:220px;float:left;padding-top:5px;color:#270E14;font-size:17px;overflow:hidden;margin-left:70px;font-weight:bold;">
    <div style="width:300px;height:110px;overflow:hidden">
    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#CCFF99;color:#ffffff;">
                    自我简介
                </div>
    <div style="width:300px;height:85px;">
                    暖男属性 Max 撩妹 Max <br />
                    号称最关爱粉丝的up主ouo
                </div>
            </div>
    <div style="width:300px;height:110px;overflow:hidden">
    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#99CC33;color:#ffffff;">
                    关注主播
                </div>
    <div style="width:300px;height:85px;">
                    关注了主播,可获得神秘的力量
                </div>
            </div>
        </div>
    <div style="width:300px;height:220px;float:left;padding-top:5px;color:#270E14;font-size:17px;overflow:hidden;font-weight:bold;margin-left:50px;">
    <div style="width:300px;height:220px;overflow:hidden">
    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#99CC99;color:#ffffff;">
                    直播时间
                </div>
    <div style="width:300px;">
                    周一至周4每晚7点左右准时开播<br />
                    如有调整会在群里公布QAQ<br />
                    周末会穿上滑板鞋来几天紧张而又刺激的飚车活动<br />
                    请各位乘客系好安全带,以免发生交通事故
                </div>
            </div>
        </div>
    <div style="width:300px;height:220px;float:left;padding-top:5px;color:#270E14;font-size:17px;overflow:hidden;margin-left:50px;font-weight:bold;">
    <div style="width:300px;height:220px;overflow:hidden">
    <div style="width:120px;height:25px;border-radius:3px;text-align:center;line-height:25px;font-size:18px;background:#CCFF66;color:#ffffff;">
                    联系方式
                </div>
    <div style="width:300px;">
                    聊天交友群:<a href="http://jq.qq.com/?_wv=1027&k=2BBtFpU" style="color:#270E14">530721857</a>  欢迎来调戏<br />
                    你们的观看是对我最大的支持<br />
                    吃吃原味辣条即可喂养up主<br />
                    调戏宝:15208235479
                </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>
        </div>


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

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

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