Terdapat 3 cara penggunaan CSS :
Kali ini saya akan mencoba memberikan contoh script kode program yang Embedded Style Sheet.
Di koding dibawah ini mencoba menyetting tampilan di tag body, tag heading 1 dan tag p atau paragraf. Rekan rekan bisa mencobanya.
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 |
<!DOCTYPE HTML> <html> <head> <title> Embedded Style Sheet emerer.com </title> </head> <style> body{ background: #888888; } h1 { font-size: 30pt; color: #FFFF00; } p { color: blue; font-weight: bold; text-decoration: underline; } </style> <body> <h1> Belajar CSS di emerer.com </h1> <p> Ini adalah salah satu contoh "Embedded Style Sheet" </p> <p> Salam Sukses ! </p> </body> </html> |
Hasilnya akan seperti gambar di atas.
Semoga berhasil, jangan lupa tulis komentar jika bermasalah.