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

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

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

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

   
    
    <div style="width:1153px;background:url(http://www.gudumumu.top/user/25435/bj.jpg);background-size:100%;background-position:0px -237px; box-shadow:3px 5px 10px #808080; overflow:hidden;height:220px; border-radius:10px;">
    <div style="width:1153px;height:220px;background:rgba(0, 0, 0, 0.32); font-size:20px;color: #FAF6F6;border-radius:10px;">
    <div style="width:200px;height:220px;float:left;">
    <img src="http://www.gudumumu.top/user/25435/tx.jpg" style="width:200px;height:200px;border-radius:50%;margin:11px 0px 0px 7px;" />
            </div>
    <div style="width:300px;height:220px;padding-top:10px; float:left;margin-left:40px; font-size:20px; overflow:hidden;">
    <div style="width:100px;height:30px;border-radius:3px;background:#F8899A; text-align:center;line-height:30px;">
                    主播介绍
                </div>
    <div style="width:300px;height:auto; text-indent:18px;">
                    迷一样的学生党,擅长玩游戏,装逼。十分感谢大家能进入我的直播间,也欢迎大家去看一看我说录制的游戏呦。欢迎投食o(*////▽////*)q
                </div>
            </div>
    <div style="width:500px;height:220px;float:left; margin-left:20px; ">
    <div style="width:100px;height:30px;border-radius:3px;background:#751A84;text-align:center;line-height:30px;">
                    直播游戏
                </div>
    <div style="width:500px;height:auto;text-indent:18px;">
                    GTAV ,彩虹六号:拆迁 ,全境封锁,英雄联盟,小学生火线
                </div>
    <div style="width:100px;height:30px;border-radius:3px;background:#C9F467;text-align:center;line-height:30px;">
                    联系方式
                </div>
    <div style="width:500px;height:auto;text-indent:18px;">
    <p>欢迎大家加入我的搞基♂哲学♂群群号:<a href="http://jq.qq.com/?_wv=1027&k=2Bn00S3" style="color:#FAF6F6;" title="基佬群别加">198723165</a>!</p>
    <p>YY:94080446</p>
    <p>投食宝:1632096243@qq.com</p>
                </div>
               
            </div>
        </div>
    <span style="position:absolute; bottom:0px;right:0px; font-size:20px; background:#3B7FAD; border-radius:0px 3px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员" target="_blank" style="color:#FFF;">孤独木木制作</a></span>
    </div>

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

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

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