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

 - 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;