2018年10月17日星期三

Blogger博客利用CSS让图片自适应页面及去掉图片边框

        Blogger博客默认图片只有大,中,小,超大,原始大小,导致在文章中经常出超页面大小,很不美观,可以在主题设计器或Blogger控制面板中,点击左侧的“模板”,再点“自定义”高级功能中使用自定义CSS,添加如下代码,即可让图片自动以适当的大小显示。


代码如下:

.post img {max-width: 98% !important}


   去掉图片显示的边框步骤如下

blogger默认情况下上传图片,插入图片后,图片会自动显示一个边框,有时与主题不是很搭配,下面来说说如何让边框不再显示。方法很简单,在Blogger模版代码中搜索如下CSS特征标记:

.post img {

这个是就是图片显示属性的设置,仔细查找代码就会发现关于“border”的属性,一般情况下都是“border:1px”,只要将它改为“border:0px”就可以去掉图片边框了。

恢复反之操作即可。



没有评论:

发表评论