1、構(gòu)思:一張大圖片、一張小圖片要形成什么意境,要事先構(gòu)思好。
2、獲取圖片地址:如果自己上傳,完成后點(diǎn)顯示源代碼,復(fù)制圖片地址備用。如果是網(wǎng)上現(xiàn)有圖片,右擊點(diǎn)“屬性”,復(fù)制圖片地址備用。注意記住圖片的寬和高。
3、進(jìn)入編輯:進(jìn)入自己的網(wǎng)站或博客后臺(tái),并使編輯器處于代碼編輯狀態(tài)。貼入代碼:
4、修改代碼:將第二步中獲取的圖片地址分別添加到本文第三步相應(yīng)位置,并修改寬(width)和高(height)。
5、調(diào)整小圖片位置:這是制作的關(guān)鍵代碼:MARGIN: 0px 0px 300px 300px調(diào)整上邊的值,就可實(shí)現(xiàn)定位。
6、修飾:還可對(duì)整體進(jìn)行修飾。例如加邊框,會(huì)有立體感。加入代碼“border=10”即可(10可以調(diào)整)。