當我們在圖片上做連結時,圖片的邊圍會出現一個藍色的框框  
 
 怎麼改它的樣式呢?  

 首先是最原始的樣式  這個樣子的圖片連結語法是:
 
 <a href="連結路徑" target="_blank"><img src="圖檔路徑" border="1"></a>

 *要修改的部份:
  
  就是語法上 border="1" 的部份

  將整個border="1"改成 Style="border:1px solid #色碼"  來制定邊框樣式... 

  此時語法就會變成
  <a href="連結路徑" target="_blank"><img src="圖檔路徑" style="border:1px solid #色碼"></a>

  "border:1px solid #色碼" 這段的解釋依序如下:
  
        border 指的就是邊框囉! 接著就是邊框的粗細寬度,
        您可以改變成 2px 或者更多,而 solid 則是邊框的樣式,
        常用的還有 dotted (虛線)等....最後才是顏色的色碼!!

  PS: 語法順序必須依照上述排列!
    使用 dotted 時,太舊的瀏覽器是看不到的喔!!

 以下是一些改變之後的例圖:

   基本改顏色和邊框粗細 邊框2px

  框框變成點點的樣子 邊框1px 

創作者介紹

阿玻的畫筆兒

阿玻 發表在 痞客邦 PIXNET 留言(0) 人氣()