在CSS中,您可以使用position
屬性將一張圖片放置在另一張圖片上面,并通過(guò)width
和height
屬性調(diào)整圖片的大小,以下是一個(gè)示例代碼:
<div style="position: relative; width: 300px; height: 200px;"> <img style="position: absolute; top: 0; left: 0; width: 100px; height: 100px;" src="圖片1.png" /> <img style="position: absolute; top: 50px; left: 50px; width: 200px; height: 200px;" src="圖片2.png" /> </div>
在這個(gè)示例中,我們創(chuàng)建了一個(gè)相對(duì)定位的div
元素,并在這個(gè)div
中放置了兩張圖片,***張圖片位于div
的左上角,并設(shè)置了寬度和高度為100px,第二張圖片位于div
的中心,并設(shè)置了寬度和高度為200px,您可以根據(jù)需要調(diào)整這些值以改變圖片的大小和位置。
這種方法僅適用于將圖片放置在另一個(gè)圖片上面,并且只適用于CSS中的定位屬性,如果您需要在圖片內(nèi)部放置另一個(gè)圖片(將一張圖片作為背景,并在上面放置另一個(gè)圖片),那么您需要使用不同的方法,例如CSS的背景圖像或SVG圖像。