如何用html給圖片加邊框

用html給圖片加邊框的方法：首先給外面的盒子套個描邊，直接在img圖片標(biāo)簽里添加上描邊border；然后修改圖片的描邊大小以及顏色。

本教程操作環(huán)境：windows7系統(tǒng)、html5版，DELL G3電腦。

用html給圖片加邊框的方法：

1、如圖，在代碼工具中，先建好幾個圖片，如圖這里的img圖片被div盒子包含；然后將盒子設(shè)置寬度，然后浮動；圖片填充整個盒子大小

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

3、添加圖片的描邊效果有兩種方法，對圖片添加描邊或者是給外面的盒子套個描邊，先看給圖片添加描邊，如圖；就是直接在img圖片標(biāo)簽里添加上描邊border

4、如圖，添加了描邊后的圖片效果

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

6、然后如果是在div盒子添加描邊效果時，和跟在img上添加方法一樣，也是border屬性

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

相關(guān)學(xué)習(xí)推薦：html視頻教程