Buat anda yang ingin membuat teks berada di kolom kotak,di bawah saya sudah siapkan beberapa kotak tinggal di copy saja, silahkan pilih salah satu sesuai selera :
<div style="border: 3px #222222 Double; padding: 10px;background-color:#ffffff;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 3px #000000 Double; padding: 10px;background-color:#cacaca;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 3px #fff000 Dashed; padding: 10px;background-color:#ffffff;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 3px #1780dd Dashed; padding: 10px;background-color:#ffffff;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 3px #1780dd Dotted; padding: 10px;background-color:#ffffff;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<,div style="border: 3px #1780dd Solid; padding: 10px;background-color:#ffffff;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya
Cara gery membuat teks di dalam kotak
<div style="border: 1px solid #444; padding: 10px; background-color: #eaeaea; text-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 0; padding: 10px; background-color: #82CAFA; text-align: left;"> Cara gery membuat teks di dalam kotak </div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 2px #006400 ridge; padding: 10px; background-color:#c2c2c2; text-align: left;"> Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 3px #5f200e double; padding: 10px; background-color: #82CAFA; text-align: left;"> Cara gery membuat teks di dalam kotak </div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 2px #1B1A76 dotted; padding: 10px; background-color:#c2c2c2; text-align: left;"> Cara gery membuat teks di dalam kotak </div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="border: 2px #610B38 dashed; padding: 10px; background-color:#57AA52; tex>t-align: left;"> Cara gery membuat teks di dalam kotak </div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color: #f3f3f3; border: 4px solid #999; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color: #ffe599; border: 2px dashed #aaa; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color: #6fa8dc; border: 4px double #fff; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color: #a2c4c9; border: 4px outset #fff; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color: #008893; border: 2px #22486e dashed;color:#fff;padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color:#FFF8DC; border: 2px #22486e solid;border-radius:5px; padding: 10px; text-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya
Cara gery membuat teks di dalam kotak
<div style="background-color: #82cafa; border: 3px #22486e double; color: #222222; padding: 10px; text-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-left: 5px solid #2288dd; border-radius: 10px; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #f3f3f3; border-radius: 10px; border: 4px solid #999; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #fff000; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:Cara gery membuat teks di dalam kotak
<div style="-moz-border-radius: 10px; -webkit-border-radius: 10px; background-color: #a2c4c9; border-radius: 10px; border: 4px outset #fff; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
<div style="background-color: #fff000; border-left: 5px solid #2288dd; padding: 10px; t-align: left;">Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
Kalau yang di bawah ini contoh textarea :
<textarea cols="30" name="code" rows="6" style="-moz-border-radius: 7px 7px 7px 7px; background: none repeat scroll 0% 0% rgb(251, 239, 255); border-color: rgb(202, 61, 217); border-style: solid; border-width: 1px 1px 1px 20px; color: #ca3dd9; line-height: 1.5em; padding: 5px;"> Cara gery membuat teks di dalam kotak </textarea>
Hasilnya:
<div style="border: 3px #1780dd solid; padding: 10px;background-color:#ffffff;
overflow: auto; height: 50px; width: 600px;
text-align: left;">
Cara gery membuat teks di dalam kotak</div>
Hasilnya:
Cara gery membuat teks di dalam kotak
Keterangan: jika anda ingin mengganti warna background atau warna jenis border nya ,di bawah saya siapkan beberapa warna:
red = #d81111
black = #000000
silver = #c0c0c0
gray = #8000000
white = #ffffff
maroon = #800000
purple #800080
fuchsia = #ff00ff
green = #008000
lime = #00ff00
olive = #808000
yellow = #ffff00
blue = #0000ff
aqua = #00ffff
navy #000080
teal = #008080
black = #000000
silver = #c0c0c0
gray = #8000000
white = #ffffff
maroon = #800000
purple #800080
fuchsia = #ff00ff
green = #008000
lime = #00ff00
olive = #808000
yellow = #ffff00
blue = #0000ff
aqua = #00ffff
navy #000080
teal = #008080
Jika ada yang belum paham cara menggunakan nya ,anda buat postingan nya melalui mode HTML.
Silahkan copy/salin kode kotak yang telah di pilih lalu ubah kata "cara gery membuat teks di dalam kotak"dengan kata-kata yang akan anda buat,lalu di pastekan ke mode HTML lalu di compose,seperti gambar di bawah ini:
Tags:
Tutorial