bagaimana cara membuat teks berada diatas gambar menggunakan css ?

bagaimana cara membuat teks berada diatas gambar menggunakan css ?

avatar ariflanitaman
@ariflanitaman

1 Kontribusi 0 Poin

Diperbarui 7 tahun yang lalu

6 Jawaban:

Coba ini gan,

 <!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
	img{
		position: relative;
		z-index: 1;
		top: 0px;
	}
	p{
		position: absolute;
		top: 20px;
		z-index: 2;
		color: #fff;
	}
	</style>
</head>
<body>
<div>
<img src="gambar.jpg">
<p>Hello</p>
</div>

</body>
</html>
avatar suhen
@suhen

40 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Maksudnya diatas gambar, berarti gambar nya jadi backgroud-image nya gitu gan ? atau gimana ?

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

kode yang ini

 <img src="gambar.jpg">
<p>Hello</p>

di balik saja menjadi

 <p>Hello</p> <img src="gambar.jpg">
avatar Aziez
@Aziez

193 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

Tanggapan

wkwkwk tapi kan tanyanya css bukan html :v

Woww kerenn.. simple sekali @Aziez.. wkwkk

avatar dodipsitorus
@dodipsitorus

412 Kontribusi 145 Poin

Dipost 7 tahun yang lalu

wkwkwkw,,,, biar di atas kan :D :D

avatar Aziez
@Aziez

193 Kontribusi 18 Poin

Dipost 7 tahun yang lalu

@Aziez, bener jg ya hahahahahaha

avatar suhen
@suhen

40 Kontribusi 2 Poin

Dipost 7 tahun yang lalu

Login untuk ikut Jawaban