2015年3月27日 星期五

CSS border 修改網頁圖片邊框顏色與樣式的範例程式碼

程式碼記錄:利用 CSS border 修改網頁圖片邊框顏色與樣式

CSS border color 屬性設計圖片邊框顏色範例
<img src="圖片網址" style="border-color:blue;border-width:3px;border-style:solid;"><br>
<img src="圖片網址" style="border-color:yellow;border-width:3px;border-style:solid;">

CSS border style屬性設計圖片邊框樣式範例
<img src="圖片網址" style="border-color:red;border-width:3px;border-style:dotted;"><br>
<img src="圖片網址" style="border-color:red;border-width:3px;border-style:double;">

直接使用 CSS border 屬性設計圖片邊框範例
<img src="圖片網址" style="border:3px red dotted;"><br>
<img src="圖片網址" style="border:3px red double;">


以上程式碼為利用 CSS border 修改網頁圖片邊框顏色與樣式的範例程式碼。