如何用html為圖片加邊框

用html為圖片加上邊框的方法：先為外面的盒子套個描邊，直接在img圖片標籤裡加上上描邊border；然後修改圖片的描邊大小以及顏色。

本教學操作環境：windows7系統、html5版，DELL G3電腦。

用html為圖片加上邊框的方法：

1、如圖，在程式碼工具中，先建好幾個圖片，如圖這裡的img圖片被div盒子包含；然後將盒子設定寬度，然後浮動；圖片填滿整個盒子大小

#2、效果就是這樣的，如圖

#3、添加圖片的描邊效果有兩種方法，對圖片添加描邊或者是給外面的盒子套個描邊，先看給圖片添加描邊，如圖；就是直接在img圖片標籤裡加入上描邊border

4、如圖，加入了描邊後的圖片效果

5、想要改變圖片的描邊大小以及顏色，在這裡修改

#6、然後如果是在div盒子裡加入描邊效果時，和跟在img上新增方法一樣，也是border屬性

7、兩種方法都能夠成功，看你習慣使用哪一種方法了。

相關學習推薦：html影片教學

以上是如何用html為圖片加邊框的詳細內容。更多資訊請關注PHP中文網其他相關文章！