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

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

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

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

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

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

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

擴展資料：

超文本標記語言（HyperTextMarkupLanguage），縮寫為HTML，標準通用標記語言下的一個應用。HTML不是一種編程語言，而是一種標記語言（markuplanguage），是網頁制作所必備的工具。“超文本”就是指頁面內可以包含圖片、鏈接，甚至音樂、程序等非文字元素。

超文本標記語言(或超文本標簽語言)的結構包括“頭”部分和“主體”部分，其中“頭”部提供關于網頁的信息，“主體”部分提供網頁的具體內容。