☜♡☞ Fiona's blog ☜♡☞

如果您想在自訂欄位設定一些連結，可是，製作圖片又麻煩。

或是，您想要連結的項目很多，一長串的圖片，會拖慢網頁開啟速度。

每一次換頁，都要浪費時間等一堆圖片開啟....所以...

您可以利用現成的圖片，加上文字就行了....

也就說，您可以找一張自己喜歡的圖，然後讓所有的連結都用同一張背景圖。

可以省略製作圖片的麻煩，和減少因圖片太多，增加連結時間的困擾。

1.在圖片上加連結文字→　《晨曦乍現》 　←（沿用您版面原來的連結文字顏色設定）

<p><font style="BACKGROUND: url(底圖網址)" color=#f373a2 size=3><a href="連結網址">文字</a></font></p>

2.在圖片上加連結文字（設定文字顏色，大小，字體）→ 《晨曦乍現》

<p><font style="BACKGROUND: url(底圖網址)" face=標楷體 color=#f373a2 size=5><a href="連結網址"><font color=#00ccff><b>文字</b></font></a></font></p>

3.在圖片上加連結文字（使用圖框，文字置中）

<p><font style="BACKGROUND: url(底圖網址)" face=標楷體 color=#f373a2 size=5><a href="連結網址"><font color=#00ccff><b>　　　　　　<br>　打上文字　<br>　　　　　　</b></font></a></a></font></p>

<p><font style="BACKGROUND: url(底圖網址)" face=標楷體 color=#f373a2 size=5><a href="連結網址"><font color=#00ccff><b>　　　　　　<br>　打上文字　</b></font></a></a></font></p>

<p><font style="BACKGROUND: url(底圖網址)" face=標楷體 color=#f373a2 size=5><a href="連結網址"><font color=#00ccff><b>　　　　　　<br>　打上文字　<br>還有文字說明</b></font></a></a></font></p>

　　　　　　
　訪客作品　
邀請您來欣賞

我是使用『 加上全形空白字 』來調整文字的位置，如果有更有的方法，請提供分享好嗎？

延伸閱讀　圖片文字連結語法整理