需要準備的材料分別有：電腦、瀏覽器、html編輯器。

1、首先，打開html編輯器，新建html文件，例如：index.html。

2、其次，在index.html中的<style>標簽中，輸入css代碼：div{border:1pxsolidblue;text-align:center}。

3、瀏覽器運行index.html頁面，此時圖片在盒子中是居中顯示的。