Search

Cara membuat kotak text dan background text dengan kode html

Cara membuat kotak text dan background text dengan kode html:

Hasil gambar untuk html 5

Berikut adalah bagaimana cara membuat koding Box dengan mengunakan style pada Web /blog
pada program html

anda harus tau bagaimana penempatan kotak text dengan kode berikut:

::contoh kotak text dengan style warna biasa

Text anda disini




Berikut koding Html nya:

<div contextmenu="mymenu" style="background:green;border:1px solid #cccccc;padding: 10px;">
Text anda disini
</div>

Kemudian text solid dan text yang bewarna Hijau diatas dapat anda ganti dengan keinginan anda

 ATAU:
Text anda disini /gambar anda disini

Atau:
dengan ukuran yang sesuai
Text anda disini

dengan kode beikut:
<div contextmenu="mymenu" height="10" px="" style="background: yellow; border: 1px solid #cccccc; height: 20px width:20px;">
Text anda disini
</div>


Dan yang lebih komplit lagi  dengan kode berikut:
text anda disini

<div style="-moz-border-radius-bottomleft: 5px; -moz-border-radius-bottomright: 5px; -moz-border-radius-topleft: 5px; -moz-border-radius-topright: 5px;background-color: #FFFFFF; border: 1px solid rgb(204, 204, 204); height: auto; margin: 10px 0px; overflow: auto; padding: 10px; text-align: center; width: auto;">

 text anda disini
</div>
Views:
Bloggers Gag © 2014. All Rights Reserved