Langsung ke konten utama

Macam Macam Div Style

Macam Macam Div Style | Tutorial Blog

Pada postingan ini saya akan berbagi tentang beberapa kode untuk membuat Div Style. Langsung saja Sob, berikut kodenya :
  • Kode :
    <div style="border: 2px solid blue;"> <div style="border: 3px solid red;"> <div align="center"> Tulis Text Disini</div> </div> </div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border: 4px solid yellow;"> <div align="center"> <span style="color: coral;">Tulis Text Disini</span></div> </div>
    Hasilnya
    Tulis Text Disini
  • Kode :
    <div style="border: 3px double #ff0000; padding: 5px;"><div align="center">Tulis Text Disini</div></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border: 3px double #0000ff; padding: 5px;"><div style="border: 2px solid #0077ff; padding: 5px;"><div align="center">Tulis Text Disini</div></div></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border-color: lime; border-style: dotted; border-width: 2px; margin: 1px; padding: 1px;"><center>Tulis Text Disini</center></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border-style:inset;border-width:5pt;border-color:black" align="center">Tulis Text Disini</div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="background: #bbddff; border: 5px outset#c0c0c0; margin: 0px; padding: 5px;"><div align="center">Tulis Text Disini</div></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border: 2px solid#220000;"><div style="border: 2px solid#dddddd;"><div style="border: 4px solid#220000;"><div style="border: 2px solid#dddddd;"><div style="border: 2px solid#220000;"><div align="center"><span style="color: red;">Tulis Text Disini</span></div></div></div></div></div></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border: 1px solid#2222ff;"><div style="border: 1px solid#3333ff;"><div style="border: 1px solid#4444ff;"><div style="border: 1px solid#5555ff;"><div style="border: 1px solid#2222ff;"><div style="border: 1px solid#3333ff;"><div style="border: 1px solid#4444ff;"><div style="border: 1px solid#5555ff;"><div style="background-color: #44ccff;"><div align="center"><span style="color: red;">Tulis Text Disini</span></div></div></div></div></div></div></div></div></div></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border: 3px solid#2222ff;"><div style="background-image: url('http://i1193.photobucket.com/albums/aa345/bakulatz/Arsiv/linerbn.gif'); border: 0px; margin: 2px; padding: 2px;"><div style="background-color: #cccccc;"><div align="center"><span style="color: red;">Tulis Text Disini</span></div></div></div></div>
    Hasilnya :
    Tulis Text Disini
  • Kode :
    <div style="border: 1px solid#001100;"><div style="border: 1px solid#002200;"><div style="border: 1px solid#003300;"><div style="border: 1px solid#004400;"><div style="border: 1px solid#005500;"><div style="border: 1px solid#006600;"><div style="border: 1px solid#007700;"><div style="border: 1px solid#008800;"><div style="border: 1px solid#009900;"><div style="border: 1px solid#00aa00;"><div style="border: 1px solid#009900;"><div style="border: 1px solid#008800;"><div style="border: 1px solid#007700;"><div style="border: 1px solid#006600;"><div style="border: 1px solid#005500;"><div style="border: 1px solid#004400;"><div style="border: 1px solid#003300;"><div style="border: 1px solid#002200;"><div style="border: 1px solid#001100;">
    <div align="center"><span style="color: red;">Tulis Text Disini</span></div>
    </div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div></div>
    Hasilnya :
    Tulis Text Disini
Sepertinya segitu dulu Sob, kalau ada yang mau menambahkan silakan tulis di komentar.
Silakan dicoba dan semoga berhasil...
Label:

Komentar

Posting Komentar

Postingan populer dari blog ini

ILMU TEKNIK : Jenis Kikir, Bagian Kikir beserta Cara Pemegangan dan Posisi Pengikiran yang Benar

Nama Bagian dan Bentuk Kikir Mengikir adalah salah satu dari banyak macam kerja bangku yang penting dan juga sulit untuk mencapai hasil yang tepat. Pada umumnya untuk pekerjaan-pekerjaan yang sederhana mengikir akan lebih ekonomis, baik biaya maupun waktunya, dibandingkan dengan menggunakan mesin-mesin modern. Kikir terbuat dari baja karbon tinggi yang ditempa, dan dibedakan menurut panjang, bentuk penampang, jenis dan kekasaran gigi pemotongnya Bentuk penampang kikir yang sering digunakan pada pekerjaan logam adalah bentuk rata, segi empat, segi tiga, bulat, setengah bulat, bujur sangkar, dan ellip. Jenis Gigi Kikir Kikir dapat diklasifikasikan menjadi dua jenis berdasarkan pada jenis gigi pemotongnya, yaitu kikir bergigi tunggal dan kikir bergigi kembar/dua. Kikir dengan gigi potong tunggal digunakan untuk pemotongan benda kerja secara halus. Artinya pemotongan tidak dapat dilaksanakan secara tepat, tetapi hasil pengikiran pada permukaan benda kerja menjadi lebih halus. Kikir bergigi...
Posting Komentar
Baca selengkapnya

ILMU MESIN : ISTILAH-ISTILAH DAN MATERI DASAR TEKNIK MESIN

Teknik : seperangkat kemampuan tertentu yang didasari oleh pengetahuan dan keterampilan Teknologi : suatu cabang antropologi budaya yang berhubungan dengan studi terhadap kebudayaan materi (alat2, pakaian, Gedung, kendaraan, dan proyek Mekanik : orang ahli mesin, hub antara mesin dan engine Teknologi mekanik : suatu ilmu yang mempelajari semua usaha (operation) untuk mengubah bahan mentah (raw material) menjadi bahan jadi dengan tidak mengubah sifat-sifat kimia dari pada material tersebut. Mesin : alat mekanik atau elektrik yang mengirim atau mengubah energi untuk melakukan atau alat membantu mempermudah pekerjaan manusia Machine: adalah alat mekanik atau elektrik yang mengirim atau mengubah energi untuk melakukan atau membantu pelaksanaan tugas manusia, yang beroprasi di tempat (diam). Engine adalah komponen pada suatu alat yang berfungsi sebagai penggerak utama dari alat tersebut. Mesin adalah semua komponen yang mencakup semua bagian dari suatu alat termasuk bagian penggerak dan ba...
1 komentar
Baca selengkapnya

ILMU DESAIN : DESAIN MESIN PENGAYAK PASIR DENGAN AUTODESK INVENTOR 2016

Capek harus mengayak pasir secara manual ? terasa lama ? Ini dia solusinya Mesin Pengayak Pasir, mesin ini didesain khusus untuk mengatasi masalah saat proses pengayaan pasir. Mesin pengayak pasir ini mampu mempercepat proses pembangunan rumah anda dll. Kami menyediakan desain mesin pengayak pasir, pendesainan ini mengunakan bantuan program autodesk inventor 2016. Jika anda berminat mendapatkan desain mesin pengayak pasir diatas maka anda cukup menghubungi kami via INSTAGRAM  @iteknik_official
Posting Komentar
Baca selengkapnya