B站简介-自适应 -最新样式代码

样式代码 孤独木木 8个月前 (02-22) 1260次浏览 已收录 扫描二维码

B站简介-自适应 -最新样式代码

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

   <div
        style="width: 100%; height: 230px; background: url('https://www.51tuku.cn/images/2020/02/22/ZXi69.jpg') no-repeat 0px 0px; overflow: hidden; background-size: 100%;">
        <div
            style="background: url('https://www.51tuku.cn/images/2020/02/22/ZXKqV.jpg') no-repeat;background-size: 100%;width: 150px;height: 150px;margin: 4% 0 0 2%;border-radius: 50%;float: left;">
             </div>
        <div
            style="width: 35%;height: 220px;float: left;background: rgba(138, 186, 206, 0.26);margin: 6px 1% 0  3%;border-radius: 3px;">
            <div
                style="width: 120px;height: 30px;border-radius: 3px;line-height: 30px;text-align: center;background: #FF6666;color: #fff;font-size: 16px;margin: 0 auto;margin-top: 3px;">
                主播简介</div>
            <div style="width: 100%;height: 100px;font-size: 16px;color: #fff;padding: 0 0 0 7px;">
                一个失踪很久的UP主!<br>游戏玩的菜<br>望大大们勿怪!</div>
            <div
                style="width: 120px; height: 30px; border-radius: 3px; line-height: 30px; text-align: center; background: #FF9966; color: #fff; font-size: 16px; margin: 0 auto;">
                直播时间</div>
            <div style="width: 100%;height: 100px;font-size: 16px;color: #fff;padding: 0 0 0 7px;">
                随缘直播<br>因为主播也不知道啥时候直播!</div>
        </div>
        <div
            style="width: 35%;height: 220px;float: right;background: rgba(138, 186, 206, 0.26);margin: 6px 3% 0  3%;border-radius: 3px;">
            <div
                style="width: 120px;height: 30px;border-radius: 3px;line-height: 30px;text-align: center;background: #AFDCE0;color: #fff;font-size: 16px;margin: 0 auto;margin-top: 3px;">
                直播内容</div>
            <div style="width: 100%;height: 100px;font-size: 16px;color: #fff;padding: 0 0 0 7px;">
                主玩王者荣耀<br>其他游戏不太会,太菜了!</div>
            <div
                style="width: 120px; height: 30px; border-radius: 3px; line-height: 30px; text-align: center; background: #0099CC; color: #fff; font-size: 16px; margin: 0 auto;">
                联系方式</div>
            <div style="width: 400px; height: 100px; font-size: 16px; color: #fff; padding: 0 0 0 7px;">微博:<a 
                    style="color: #e6afc3;" title="点击关注微博" href="https://weibo.com/u/2991913825"
                    target="_blank" rel="noopener noreferrer">我只是路过草丛</a><br>微信:xing1778401974</div>
        </div>
        <div
            style="background: url('https://www.51tuku.cn/images/2020/02/22/ZXn3i.jpg') no-repeat; background-size: 100%; width: 200px; height: 200px; margin: 13px 0 0 16px; border-radius: 5px; float: left;">
             </div>
        <span
            style="position: absolute; bottom: 0px; right: 0px; font-size: 12px; background: rgba(181, 159, 159, 0.33); border-radius: 0px 3px 0px 0px;">
            <a style="color: #270e14;" title="制作人员更多请关注https://www.blibili.cn B站简介制作"
                href="https://live.bilibili.com/49784" target="_blank" rel="noopener noreferrer">孤独木木制作</a> </span>
    </div>
喜欢 (4)
[15390816981]
分享 (0)