當我們在圖片上做連結時,圖片的邊圍會出現一個藍色的框框
怎麼改它的樣式呢?
首先是最原始的樣式 這個樣子的圖片連結語法是:
<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
全站熱搜