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>
*/
具体复制粘贴代码的时候,不要把上面代码开头的/**和结尾的/ 复制进去,这只是方便在博客里贴代码添加的。
附上实际效果图