B站简介-第五版-从此解决主播憋字难的问题-441237

样式代码 孤独木木 8年前 (2017-02-27) 4928次浏览 已收录 0个评论 扫描二维码

B站简介-第五版-从此解决主播憋字难的问题-441237

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

<div style="width:1153px;height:220px;background:url(http://51tuku.cn/images/2017/02/27/5j3l.jpg);overflow:hidden;background-size:100%;border-radius:10px;box-shadow:3px 5px 10px #808080;margin: -25px 0px 0px 0px;">
        <div style="width:1153px;height:220px;background: rgba(0, 0, 0, 0.05);margin:0px;">
            <div style="width:150px;height: 150px;float:left;background:url(http://51tuku.cn/images/2017/02/27/5yfd.gif) no-repeat;background-size:100%;margin: 25px 7px 0px 17px;border-radius: 12px;">

            </div>


            <div style="width: 250px;height:220px;float:left;padding-top:5px;color:#ffffff;font-size:17px;margin: 0px 0px 0px 10px;">

                <div style="width: 253px;height: 151px;background: rgba(255, 102, 102, 0.28);border-radius: 3px;overflow: hidden;margin-top: 20px;">

                    <div style="width: 31px;height: 151px;text-align:center;line-height: 37px;font-size:18px;background:rgba(255, 102, 102, 0.7);float:left;border-radius: 3px 0px 0px 3px;">
                        个人介绍
                    </div>

                    <div style="width: 212px;height: 141px;font-size:14px;float:left;padding: 5px;">
                        大家好,......(下面省略66个字)<br>
                        介绍完毕!
                    </div>

                </div>

            </div>


            <div style="width: 250px;height:220px;float:left;padding-top:5px;color:#ffffff;font-size:17px;margin: 0px 0px 0px 10px;">

                <div style="width: 253px;height: 151px;background: rgba(255, 102, 102, 0.28);border-radius: 3px;overflow: hidden;margin-top: 20px;">

                    <div style="width: 31px;height: 151px;text-align:center;line-height: 37px;font-size:18px;background:rgba(255, 153, 102, 0.7);float:left;border-radius: 3px 0px 0px 3px;">
                        直播时间
                    </div>

                    <div style="width: 212px;height: 141px;font-size:14px;float:left;padding: 5px;">
                        ★不定时直播。
                    </div>

                </div>

            </div>

            <div style="width: 250px;height:220px;float:left;padding-top:5px;color:#ffffff;font-size:17px;margin: 0px 0px 0px 10px;">

                <div style="width: 253px;height: 151px;background: rgba(255, 102, 102, 0.28);border-radius: 3px;overflow: hidden;margin-top: 20px;">

                    <div style="width: 31px;height: 151px;text-align:center;line-height: 37px;font-size:18px;background:rgba(176, 217, 107, 0.7);float:left;border-radius: 3px 0px 0px 3px;">
                        联系方式
                    </div>

                    <div style="width: 212px;height: 141px;font-size:14px;float:left;padding: 5px;">
                        ★微信:OTM8889<br>
                        ★QQ:394192488<br>
                        ★直播1群:492131365<br>
                        ★投食宝:3026201385@qq.com
                    </div>

                </div>

            </div>

            <div style="width:140px;height:220px;float:left;margin-left: 11px;padding-top: 7px;">
                <div style="width:140px;height:25px;line-height:25px;text-align:center;color:#ffffff;font-size:20px;">扫码投食</div>
                <div style="width:140px;height:170px;background:url(http://51tuku.cn/images/2017/02/27/5z9q.png) no-repeat;background-size:100%;"></div>

            </div>


            <span style="position:absolute; bottom:0px; right:0px; font-size:14px; background: #86DFFF; border-radius:3px 0px 0px 0px;"><a href="http://live.bilibili.com/49784" title="制作人员更多请关注http://www.blibili.top B站简介制作" target="_blank" style="color:#270E14;">孤独木木制作</a></span>
        </div>
    </div>

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

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

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