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 TURBIN : Pengertian dan Komponen Turbin Gas

Pengertian dan Komponen Turbin Gas Turbin gas merupakan sebuah mesin atau alat pembangkit yang memanfaatkan ekspansi gas berkecepatan tinggi yang akan mendorong sudu-sudu sehingga menghasilkan gerakan putar pada rotornya. Putaran pada rotor ini lah yang nantiya digunakan untuk menggerakkan generator listrik. Media kerja yang digunakan oleh turbin gas yaitu udara atmosfir. Udara atmosfir ini akan dihisap oleh kompressor dan akan dimampatkan hingga mendapatkan tekanan tertentu. Pada umumnya tekanan akhir pada sudu kompresor mencapai 30 kali dari tekanan inlet kompresor. Selanjutnya udara bertekanan ini akan masuk difuser untuk ditingkatkan kembali tekanannya.  Udara bertekanan dari kompresor akan diteruskan masuk ke area pembakaran atau combustion chamber, pada bagian ini bahan bakar akan diinjeksikan sehingga memicu terjadinya pembakaran bahan bakar. Pembakaran ini mengakibatkan ekspansi di udara sehingga volume dan temperaturnya meningkat juga. Adanya kenaikan suhu udara hasil pemb...
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