3. Cara merubah warna dengan CSS
A. Merubah warna text menggunakan CSS
Perintah untuk mengubah warna text menggunakan CSS adalah sebagai berikut.
.warna1{
color: red;
}
.warna2{
color: #335599;
}
dalam penulisan script warna bisa menggunakan keyword nama warna dalam bahasa inggris seperti green, yellow, red, dll dan juga dapat berupa dan juga bisa menggunakan angka hexadesimal seperti #335599, #000000, #232387, dll .
dibawah ini adalah contoh penulisan script CSS yang berada di dalam HTML.
<html>
<head>
<title>Color By CodingLengkap</title>
</head>
<style>
.warna1{
color: red;
}
.warna2{
color: #335599;
}
</style>
<body>
<div class="warna1">
Kalimat yang menggunakan keyword warna red
</div>
<div class="warna2">
Kalimat yang menggunakan hexadesimal
</div>
</body>
</html>
B. Merubah warna background menggunakan CSS
Perintah untuk mengubah warna background menggunakan CSS adalah sebagai berikut.
body{
background: green;
}
Sama halnya seperti mengubah warna fornt, mengubah background juga dapat menggunakan keyword nama warna dalam bahasa inggris seperti green, yellow, red, dll dan juga dapat berupa dan juga bisa menggunakan angka hexadesimal seperti #335599, #000000, #232387, dll .
dibawah ini adalah contoh penulisan script CSS yang berada di dalam HTML.
<html>
<head>
<title>Color By Coding Lengkap</title>
</head>
<style>
body{
background: green;
}
</style>
<body>
background menggunakan CSS
</body>
</html>
Sekian tutorial kali ini. Untuk selanjutnya saya akan memberikan tutorial cara merubah ukuran font dengan CSS. Sekian terima kasih. Semoga bermanfaat.
0 komentar:
Posting Komentar