css怎麼在圖片上放圖片

css實作圖片上放圖片的方法：1、將圖片元素包在div元素內；2、利用「background-image」屬性將另一個圖片設定為div的背景圖片，只需要給div元素加入「background-image:url(圖片路徑);」樣式即可。

本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。

css怎麼在圖片上放圖片

#在css中，可以把一張圖片當作背景，另一張圖片放在背景上，從而實現在圖片上再加上一個圖片。

範例如下：

1、新建一個html文件，命名為test.html，用於講解CSS如何在圖片上再加上一個圖片，在test.html檔案內，使用div標籤建立一個模組，在div標籤內，使用img標籤建立一張圖片。

 在test.html檔案內，為div標籤新增一個class屬性，主要用於下面設定css樣式 。透過class設定div的樣式，例如，定義div的寬度為400px，高度為300px。

 

2、在css標籤內，再使用background屬性設定div的背景圖片為a.jpg，no-repeat用來設定背景圖片不重複顯示。

 

瀏覽器開啟test.html文件，查看實現的效果。

總結：

1、使用div標籤建立一個模組，在div標籤內，使用img標籤建立圖片。

2、在css標籤內，定義div的寬度為400px，高度為300px，再使用background屬性設定div的背景圖片。

注意事項：

背景圖片的大小和div的大小一致。

（學習影片分享：css影片教學）

以上是css怎麼在圖片上放圖片的詳細內容。更多資訊請關注PHP中文網其他相關文章！