Mengikuti gaya CSS akan berguna saat Anda ingin menggambar bentuk geometris dengan CSS tanpa menggunakan gambar. Kebanyakan dari mereka dilakukan dengan menggunakan CSS3 dan jadi periksalah apakah browser Anda mendukungnya. Circle .circle { width:...
Contoh Semua Properti Border Yang Tepat Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-right: thick double #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body>...
Contoh Semua Properti Border Kiri Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-left: thick double #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body> </html>...
Contoh Semua Properti Border Bawah Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-bottom: thick dotted #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body> </html>...
Contoh Semua Properti Border Atas Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-top: thick double #ff0000; } </style> </head> <body> <p>Ini adalah beberapa teks dalam sebuah paragraf.</p> </body> </html>...
Contoh Menetapkan Border Yang Berbeda di Setiap Sisi <!DOCTYPE html> <html> <head> <style> p.one { border-style: dotted solid dashed double; } p.two { border-style: dotted solid dashed; } p.three { border-style: dotted solid; }...
Contoh Menambahkan Border Bulat ke Elemen <!DOCTYPE html> <html> <head> <style> p.normal { border: 2px solid red; } p.round1 { border: 2px solid red; border-radius: 5px; } p.round2 { border: 2px solid red; border-radius:...
Contoh Properti Border Dalam Satu Deklarasi <!DOCTYPE html> <html> <head> <style> p { border: 5px solid red; } </style> </head> <body> <h2>Properti perbatasan</h2> <p>Properti ini adalah properti singkat untuk border-width, border-style, dan border-color.</p> </body>...
Contoh Style Warna Right Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-right-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »
Contoh Style Warna Left Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-left-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »
Contoh Style Warna Bottom Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-bottom-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »
Contoh Style Warna Top Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; border-top-color: #ff0000; } </style> </head> <body> <p>This is some text in a paragraph.</p> </body> </html> Coba Layout Editor »
Contoh Style Warna Border CSS <!DOCTYPE html> <html> <head> <style> p.one { border-style: solid; border-color: #0000ff; } p.two { border-style: solid; border-color: #ff0000 #0000ff; } p.three { border-style: solid; border-color: #ff0000 #00ff00 #0000ff; }...
Contoh Style Right Border CSS <!DOCTYPE html> <html> <head> <style> p { border-style: solid; } p.none {border-right-style: none;} p.dotted {border-right-style: dotted;} p.dashed {border-right-style: dashed;} p.solid {border-right-style: solid;} p.double {border-right-style: double;} p.groove {border-right-style: groove;} p.ridge...
Infokoding.com
