越努力越幸运。
不管如何,我比你努力,比你好,比你更问心无愧。

2017.02.22

教程 | 替部落格的图片添加形状


 - Tutorial requested by Yuen Thing & Angel -

就好像以上的图片一样,有形状的外形

1. 设计 → 修改 HTML

2. Ctrl + F 寻找代码 ]]></b:skin>

3. 在 ]]></b:skin> 上面添加以下代码:
img {
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;
}
4. 保存前,先按 preview,看看代码有没有出错,即可保存。

Example A 
-moz-border-radius-bottomright: 50px;
border-bottom-right-radius: 50px;


Example B 
-moz-border-radius-bottomright: 50px 25px;
border-bottom-right-radius: 50px 25px;


Example C
-moz-border-radius-bottomright: 25px 50px;
border-bottom-right-radius: 25px 50px;


Example D 
-moz-border-radius: 1em 4em 1em 4em;
border-radius: 1em 4em 1em 4em;


Example E 
-moz-border-radius: 25px 10px / 10px 25px;
border-radius: 25px 10px / 10px 25px;


Example F 
-moz-border-radius: 35px;
border-radius: 35px;

2 comments:

っ 谢谢你耐心的看完这篇帖子 ♥
っ 评论将在博主审核后发布,如有不便,敬请原谅哦 :)
っ 除了评论之外,亲也可以选择在 Cbox 留言或 PM 我的部落格专页信箱

ベ 请用词确切,勿使用脏字哟
ベ 部落格不接受匿名评论,评论前请确保你拥有 Google Account 哦
ベ 请仔细列明你的问题好方便我回答哦 :)

* 感谢你的留言,欢迎下次再来。