Macam-macam kode highlight

Apa itu highlight??? mmh, highlight menurut saya adalah semacam background yang menandakan suatu teks dan juga untuk mempercantik penampilan teks. Macam-macam kode script highlight atau background banyak sekali, saya dapatkan ini dari beberapa situs yang saya datangi. Nah, caranya copy aja kode di bawah ini terserah mau pilih yang mana. Na, kode ini khusus buat para pengguna internet. hee




<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; " ><span class="Apple-style-span" style="color: rgb(102, 102, 102); " ><div style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 5px; padding-right: 5px; padding-bottom: 5px; padding-left: 5px; border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 1px; border-top-style: dashed; border-right-style: dashed; border-bottom-style: dashed; border-left-style: dashed; border-top-color: green; border-right-color: green; border-bottom-color: green; border-left-color: green; background-image: none; background-attachment: scroll; background-origin: initial; background-clip: initial; background-color: rgb(200, 200, 250); background-position: 0% 50%; background-repeat: repeat repeat; "><span style="font-weight: bold;">Teks disini</span><span style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; font-weight: bold; "></span></div>
</span></span>



<div style="border: 2px #000000 solid; padding: 10px; background-color: #ffffff; text-align: left;"> TULIS TEKS DI SINI </div>


<div style="border: 2px #000000 solid; padding: 10px; background-color: #999999; text-align: left;"> TULIS TEKS DI SINI </div>



<div style="border: 2px #000000 dotted; padding: 10px; background-color: #ffffff; text-align: left;"> TULIS TEKS DI SINI </div>



<div style="border: 2px #000000 dashed; padding: 10px; background-color: #ffffff; text-align: left;"> TULIS TEKS DI SINI </div>






<span class="Apple-style-span" style="border-collapse: separate; color: rgb(0, 0, 0); font-style: normal; font-variant: normal; font-weight: normal; letter-spacing: normal; line-height: normal; orphans: 2; text-align: -webkit-auto; text-indent: 0px; text-transform: none; white-space: normal; widows: 2; word-spacing: 0px; -webkit-border-horizontal-spacing: 0px; -webkit-border-vertical-spacing: 0px; -webkit-text-decorations-in-effect: none; -webkit-text-size-adjust: auto; -webkit-text-stroke-width: 0px; "><span class="Apple-style-span" style="color: rgb(51, 51, 51); line-height: 19px; text-align: left; "><div class="code" style="margin-top: 0px; margin-right: 0px; margin-bottom: 0px; margin-left: 0px; padding-top: 15px; padding-right: 15px; padding-bottom: 15px; padding-left: 15px; background-image: initial; background-attachment: initial; background-origin: initial; background-clip: initial; background-color: rgb(241, 241, 241); border-top-width: 1px; border-right-width: 1px; border-bottom-width: 1px; border-top-style: solid; border-right-style: solid; border-bottom-style: solid; border-top-color: rgb(204, 204, 204); border-right-color: rgb(204, 204, 204); border-bottom-color: rgb(204, 204, 204); border-left-width: 5px; border-left-style: solid; border-left-color: rgb(204, 204, 204); ">
TULIS TEKS DISINI</div>


</span></span>





Keterangan:
1. Yang berwarna hijau adalah kode warna Border
2. Yang berwarnabru adalah kode warna background
Jika mau di ganti warnanya ya harus di ganti kodenya juga.

Klik disini untuk melihat secara lengkap kode-kode warna.

0 komentar

Posting Komentar