好看的B站直播间简介代码

B站直播间的简介是可以放代码的,而放代码可以设计出更好看的简介,
这是一个小白教程,可以直接拿去用,自己改出适合自己直播间的简介

代码如下:

/*
<div style="position:relative;">
<img src="http://img.hb.aicdn.com/b8e4619c50db93a6b992787806771fe7c3900fe41f4d2-HuLW5q_fw658" width="100%" height="200px" />
<!--src后面跟的是背景图片的地址,width设置背景图片的宽度,100%为全铺满的宽度,height设置背景图片的高度,
如果简介字很多,200px高度不够的话可以自己随便改,改到满意为止。-->

<div style="position: absolute; z-index: 2; left: 100px; top: 20px;">喜好:摸鱼,听歌</div>
<!--这是简介里第一句话,left设置距离背景图片左边缘的距离,top设置距离背景图片上边缘的距离,可以看自己喜欢随意改,中文内容也可以自己改。-->
<div style="position: absolute; z-index: 2; left: 100px; top: 70px;">点击右边表情包,跳转悠悠的博客</div>
<!--解释同上。这是第二句话,这第二句设置的top就是70px,距离背景图片上边缘70px,
如果你简介还有好多句,复制粘贴上面第一句或第二句的代码就可以了,
自己再改一下top的值,调整一下每一句之间的间隔-->

<!--接下来是添加表情包,不想要的可以不用-->
<div id="lizuiyouyou" style="position: absolute; z-index: 2; left: 500px; top: 5px;">
<!--这里的top设置的是距离背景图片上边缘的距离,left设置的是表情包距离背景图片左边缘的距离,怎么好看怎么改-->
<a href="https://blog.csdn.net/u011151784"><!--这一行是添加链接,点击就能跳转过去,不想要可以不用这一行,href属性设置的是链接的地址。如果不要这一行,下面的</a>也要删掉-->
<img src="http://img.hb.aicdn.com/63e92d1972a3a663defc65bf4c9924f0a8799e0225a5-8bnff1_fw658" width="80%" height="190px" />
<!--src后面是表情包的地址,width是表情包的宽度,我设置为原来表情包的80%宽,height是表情包的高度,也可以自己随便改的,怎么好看怎么改-->
</a><!--如果上面不要添加链接,这一行也要删掉 --> 
</div>
<!--表情包内容到此为止-->

</div>

*/

具体复制粘贴代码的时候,不要把上面代码开头的/**和结尾的/ 复制进去,这只是方便在博客里贴代码添加的。

附上实际效果图
这里写图片描述

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值