B站直播简介——教大家简单的插一张图

野生技术 孤独木木 8年前 (2016-04-03) 8168次浏览 已收录 0个评论 扫描二维码

先来一个简单的放张图吧

<img src="http://51tuku.cn/images/2016/09/12/Lqq.png" /> 

里面填写你的图片的地址你可以把上传一个可以存图的地方然后复制图片的链接就行
在这里我推荐贴图库很好用的链接不长免费的只需注册一个账号就行
先上传图
B站直播简介——教大家简单的插一张图
上传好了之后你会得到一个链接
B站直播简介——教大家简单的插一张图
把链接复制下来放到src=”%20这里填你复制的链接”然后把这样的一端代码复制到代码区就可以了
B站直播简介——教大家简单的插一张图
然后你发现你放的图显示出来就有问题了
B站直播简介——教大家简单的插一张图
出现了滚动条了这是因为你的图大了简介的正常尺寸是1153*220像素你的图已经超出了这个尺寸了所以就出现滚动条了 让你的简介不好看了现在我们就样css样式来处理这张图片(由于写图片链接他就直接显示了我就截图了)

<img src="http://51tuku.cn/images/2016/09/12/ATt.png"  style="width:1153px;height:220px;"/> 

这样的代码我们试试效果吧
B站直播简介——教大家简单的插一张图
B站直播简介——教大家简单的插一张图
滚动条没有了但是图显示的不是很好看了所以呢图还是找个适合的尺寸比较好但是这个小问题还是难不到我的教程以后会出来

如果你的会画画的话我把这个代码给你用然后你就就的很叼了

<img src="你图片的链接" style="width:1193px; height:300px; position:absolute; top:-80px; left:-20px;"/>
<p style="width:1px; height:200px;">.</p>

这样你就发现你的图片最大的尺寸变成1193*300像素的了然后简介二个字也不见了

下面是效果

B站直播简介——教大家简单的插一张图

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

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