讓文字加上背景圖(二)

2007111714:49

 

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

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

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

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

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

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

 

 

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>

      
 最新文章 
      

4.在圖片上加連結文字(使用圖框,文字放置下方)

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

      
      
 文章分類 

5.在圖片上加連結文字(使用圖框,文字放置下方2行)

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

      
 訪客作品 
邀請您來欣賞

 

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

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