Beranda
Tutorial
Opsi Script Kotak Pembungkus Teks Di Postingan Blog

Opsi Script Kotak Pembungkus Teks Di Postingan Blog

Thumbnail

Kode Script 1 :

<div style="background-color: deepskyblue; border-radius: 7px; box-shadow: 10px 10px 0 rgba(0 , 0 , 0 , 0.16) , 0 2px 10px 0 rgba(0 , 0 , 0 , 0.12); color: black; font-size: 18px; font-weight: bold; margin: 0.5rem 0 1rem; overflow: hidden; padding: 20px; position: relative; text-align: center; transition: 0.25s;">TULISAN DISINI</div>

Contoh :

TULISAN DISINI

Kode Script 2 :

<div style="-moz-border-box: 10px; -webkit-border-box: 10px; background-color: ghostwhite; border-left: 5px solid red; padding: 20px; t-align: left;"> <span style="color: black;"><span style="font-family: &quot;trebuchet ms&quot; , sans-serif;">TULISAN DISINI </span>

Contoh :

TULISAN DISINI

Kode Script 3 :

<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 10px solid #2288dd; border radius: 10px; padding: 10px; t-align: left;">TULISAN DI SINI</div>

Contoh :

TULISAN DI SINI

Kode Script 4 :

<div style="background-color: lightcyan; border: 2px #1b1a76 dotted; padding: 10px; text-align: left;"> TULISAN DISINI</div>

Contoh :

TULISAN DISINI

Kode Script 5 :

<div style="-moz-border-radius: 20px; -webkit-border-radius: 20px; background-color: ghostwhite; border-left: 10px solid gray; border-radius: 20px; border-right: 10px solid gray; padding: 20px;"> TULISAN DISINI</div>

Contoh :

TULISAN DISINI
Postingan Lebih Baru

Anda mungkin menyukai postingan ini

Tidak ada komentar