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

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

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

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

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

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

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

擴充套件資料：

超文字標記語言（Hyper Text Markup Language），縮寫為HTML，標準通用標記語言下的一個應用。HTML不是一種程式語言，而是一種標記語言 （markup language），是網頁製作所必備的工具。“超文字”就是指頁面內可以包含圖片、連結，甚至音樂、程式等非文字元素。

超文字標記語言(或超文字標籤語言)的結構包括“頭”部分和“主體”部分，其中“頭”部提供關於網頁的資訊，“主體”部分提供網頁的具體內容。