Cara Menciptakan Box Untuk Meletakan Arahan Html Di Postingan

Hallo sahabat Duniakupedia di artike kali ini mimin akan share ke kalian semua cara menciptakan box untuk meletakkan arahan html di postingan.

Ada bnayak sekali model script box yang dapat anda gunakan, dan anda sendiri sesungguhnya dapat menyesuaikan tampilannya ibarat ukuran, warna dan yang lainnya sesuai dengan kebutuhan anda. Disini saya akan menawarkan beberapa model script box yaitu yang berbentuk kota biasa dan juga kotak yang dapat digeser atau kotak script dengan scroll Horizontal dan juga script box dengan scroll vertikal horizontal

•Berikut ini ialah beberapa pola box yang Duniaku pedia berikan

1.Kotak box select all

<form name="copy"><div align="center"><input value="Copy All" onclick="javascript:this.form.txt.focus();this.form.txt.select();" type="button"/></div><p style="text-align: center;"><textarea style="padding: 3px; width: 400px; height: 80px;" name="txt">SELAMAT DATANG DI DUNIAKU PEDIA.</textarea></p></form>

SELAMAT DATANG DI WWW.zirpedia45.id MEMBAHAS SEPUTARAN TIPS TRIK DAN TUTORIAL,REVIEW, BISNIS DAN BERITA TEKNOLOGI.

2.Scroll box vertikal +Horizontal polos, warna dan ukuran dapat disesuaikan

<div style="border: 2px solid black; height: 100px; overflow-x: scroll; overflow-y: scroll; width: auto;">
<div style="width: 2500%;">
TULISAN DISINI</div>
</div>

3.Kotak border-dotted 2pk dan warna dapat disesuaikan.

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

4. Kotak dengan singgle padding border black

div style="background-color: ivory; border: 2px solid #444; padding: 10px; text-align: left;">
TULISAN DISINI
</div>

5.Kotak doble-bolder >> vertical/tinggi, menyesuaikan.

<div style="background-color: azure; border: 3px #1780dd double; padding: 10px; text-align: left;"> TULISAN DISINI<br /></div> </div>

Cukup sekian tutorial dari mimin. supaya bermanfaat bagi kalian semua, Terimakasih

Bagikan Artikel ini