B站直播简介——卡伦菌简约风格

样式代码 孤独木木 3年前 (2016-04-01) 2911次浏览 已收录 0个评论 扫描二维码

B 站直播简介——卡伦菌简约风格

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

<!--主体框架 1193*300-->
        <div style="width:1193px;height:300px; position:absolute;top:-60px;left:-20px;background-image:url(http://www.gudumumu.top/user/72955/bj.jpg);background-size:100%;color:#020000;">
            <!--中间的内容显示部分-->
            <div style="width:600px;height:250px;box-shadow:2px 3px 10px #808080;font-size:20px;float:left;margin:20px 20px 0px 300px;border-radius:3px;padding-left:20px;">
                <!--标题-->
                <p style="text-align:center;font-size:25px;margin-top:10px;">资料一览表</p>
                <!--内容部分-->
                <!--要修的的话要调 P 标签的 width-->
                <p style="background:#fdeff2;border-radius:3px;padding:0px 0px 0px 18px;width:520px;height:25px;line-height:25px;margin:20px 0px 10px 0px; ">主播介绍 <a style="margin:0px 0px 0px 20px;background:#e9dfe5;height:25px;line-height:25px;padding:0px 20px 0px 10px;border-radius:0px 3px 3px 0px;">来自贫困山区的孩子 玩什么游戏都菜的可以</a></p>
                <p style="background:#00a497;border-radius:3px;padding:0px 0px 0px 18px;width:533px;height:25px;line-height:25px;margin:20px 0px 10px 0px;">主玩游戏 <a style="margin:0px 0px 0px 20px;background:#80aba9;height:25px;line-height:25px;padding:0px 20px 0px 10px;border-radius:0px 3px 3px 0px;">彩虹六号 gta5 Minecraft 全境封锁  守望先锋</a></p>
               <p style="background:#aa4c8f;border-radius:3px;padding:0px 0px 0px 18px;width:540px;height:25px;line-height:25px;margin:20px 0px 10px 0px;">直播相关 <a style="margin:0px 0px 0px 20px;background:#cc7eb1;height:25px;line-height:25px;padding:0px 20px 0px 10px;border-radius:0px 3px 3px 0px;">早 10:00-6:00 或 7:00-11:00 不出意外的情况下</a></p> 
                <p style="background:#eec362;border-radius:3px;padding:0px 0px 0px 18px;width:504px;height:25px;line-height:25px;margin:20px 0px 10px 0px;">联系方式 <span style="margin:0px 0px 0px 20px;background:#ebd842;height:25px;line-height:25px;padding:0px 20px 0px 10px;border-radius:0px 3px 3px 0px;">QQ 群:<a href="http://jq.qq.com/?_wv=1027&k=2LHP4Tp" style="color:#020000">397130850</a> 欢迎各种聊天(交易)</span></p>
               
            </div>
            <!--投食框-->
            <div style="width:200px; height:300px;float:right; margin-right:30px; font-size:15px;color:#020000; font-weight:bold;">
                <span style="display:block;width:200px;line-height:20px;font-size:15px;text-align:center; margin-top:20px;">扫 码 投 食</span>
                <img src="http://www.gudumumu.top/user/72955/zfb.jpg"  style="width:200px;height:200px;"/>
                <span style="width:200px;height:20px;text-align:center;display:block;">投食附带 ID </span>
                <span style="width:200px;height:20px;text-align:center;display:block;">山区的孩子需要您的关爱</span>
</div>
 
            <!--制作人员信息-->
            <span style="position:absolute; bottom:0px; left: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>
    <!--把简介撑开的主体-->
    <p style="width:1px;height:220px;">.</p>

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

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

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