Bocah Programmer

Postingan

Menampilkan postingan dengan label CSS

Button Style

<!DOCTYPE html> <html> <head> <title>Pengenalan css</title> <style> button { margin-bottom: 10px; } .satu { border-radius: 10px; } .dua { background-color: blue; color: yellow; border: 2px solid red; } .tiga { box-shadow: 0 8px 16px 0 rgba(0,0,0,.2),0 6px 20px 0 rgba(0...

Baca selengkapnya

Link Style

<!DOCTYPE html> <html> <head> <title>Pengenalan css</title> <style> a { text-decoration: none; } a:link{ color: red; } a:visited { color: green; } a:hover { color: blue; } a:active { color: yellow; } </style> </head> <body> <a href="...

Baca selengkapnya

Font Style

<!DOCTYPE html> <html> <head> <title>Pengenalan css</title> <style> .normal { font-style: normal; } .italic { font-style: italic; } .ukuran { font-size: 50px; } </style> </head> <body> <p class="normal">Gaya tulisan normal</p> <p class="italic">Gaya tulisan italic</p> <br> <p class="ukuran">Paragraf ini ditulis dengan ukuran 50px</p> </body> </html> jika menggunakan class pada tag HTML maka saat mengetik tag pad...

Baca selengkapnya

Pengenalan CSS

<!DOCTYPE html> <html> <head> <title>Pengenalan css</title> <style> h1 { color: blue; } </style> </head> <body> <h1>Hello World!!</h1> <br> <p>bisa juga dengan menambahkan langsung di tag html nya</p> <br> <h2 style="color: green;">Halo Dunia!!</h2> </body> </html> Bisa juga CSS di tempatkan dihalaman lain yang terpisah dengan tag HTML. dengan tag berikut : <link ref="stylesheet" href="style.css">

Baca selengkapnya