教程 | 添加特别的链接 - 图片 (BT/BS)

Tadaaaaa :D 我回来了，顺便替教程部落格换了一个新设计哦。然后，部落格也关闭了两天，不知道有木有造成大家的不方便，有的话，博主先在这里说声 paiseh 哈 :P 设计换了，只是留言信箱暂时还没放上去，然后其实还有一些很细节的地方我还没有改设计 (eg. 帖子留言) Orz. 我只是大概把设计改了就把部落格给开放了（为了不造成大家的麻烦 TAT 然后就先这样吧，现在来发布一下教程哦 ^ ^

- Tutorial requested by Lo Wei Meng -

Blog Template 使用者 / Blogskin 使用者
1. 模板 - 修改 HTML

2. Ctrl + F 寻找代码 a:link {

3. 在 a:link { 下面添加以下代码：

-webkit-background-clip:text;
-webkit-text-fill-color: transparent;
background-image: url(图片url);
background-position: 33% 56%;

4. 点击 preview 查看效果，没有问题即可保存。

小解释
红色代码：图片的 url
蓝色代码：图片的位置