Kita menggunakan Notepad ja y biar nulis code sambil dihapalkan Ok langsung saja
Pertama Jalankan Notepad
tulis Code Dibawah Atau salin Dan tempelkan di Notepad
<HTML>
<HEAD>
<STYLE TYPE="text/css">
.level1 {position: relative; top: 15; left: 25; z-index: 10; color: #00000;
font-family: Arial; font-size:25pt}
.level2 {position: relative; top: -22; left: 28; z-index: 6; color:
blue; font-family: Arial; font-size:25pt}
.level3 {position: relative; top: -59; left: 29; z-index: 6; color:
red; font-family: Arial; font-size:25pt}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="level1">CATATAN SEDERHANA</DIV>
<DIV CLASS="level2">CATATAN SEDERHANA</DIV>
<DIV CLASS="level3">CATATAN SEDERHANA</DIV>
</BODY>
</HTML>
Kedua Save as tulis Nama FILE efek bayangan.html
lalu save dan lihat hasilnya
keterangan
Kata Catatan sederhana Boleh Di ganti
Warna Boleh Diganti
#00000;
red;
blue;
ukuran boleh diganty yang penting sesuai denga tulisan
Contoh Buatan saya
<HTML>
<HEAD>
<STYLE TYPE="text/css">
.level1 {position: relative; top: 26; left: 25; z-index: 10; color: green;
font-family: Arial; font-size:35pt}
.level2 {position: relative; top: -25; left: 28; z-index: 6; color:
red; font-family: Arial; font-size:35pt}
.level3 {position: relative; top: -73; left: 29; z-index: 6; color:
yelow; font-family: Arial; font-size:35pt}
</STYLE>
</HEAD>
<BODY>
<DIV CLASS="level1">CATATAN SEDERHANA</DIV>
<DIV CLASS="level2">CATATAN SEDERHANA</DIV>
<DIV CLASS="level3">CATATAN SEDERHANA</DIV>
</BODY>
</HTML>
Ini hasil nya Lihat Gambar 01
Gimana Gampangkan Selamat BeLajar
Alhamdulillah Catatan Sederhana Cara Membuat Tulisan Efek Bayangan Di Html Telah Selesai Mohon Maaf jika ada kesalahan Wasalamu;alaikum warohmatulloj wabarokaatuh
No comments:
Post a Comment