Cara Mengatur Format Text Dengan CSS
Cara Untuk Mengatur Format Text Dengan CSS. Pada pembahasan sebelumnya saya sudah menjelaskan mengenai kode dasar dasar css dan cara penggunaannya, sekarang kita akan mencoba menerapkannya untuk mengatur pada sebuah teks. Jadi kita bisa mendapatkan tampilan atau desain yang kita inginkan menggunakan kode css ini, seperti mengatur jarak spasi, mengubah warna dan ukuran font, mengubah jenis font dan masih banyak lagi tentunya.Zona Internetku November 29, 2018
Baca jua :
Memahami Atribut Class Dan Id Pada HTML
Mengatur Posisi Paragraf Dengan HTML Dan CSS
Mengatur Heading Dan Format Text Web Menggunakan HTML
Kumpulan Kode CSS Yang Bisa DiGunakan Untuk Mengatur Format Text Pada Website
font-family untuk memilih jenis font yang akan digunakanfont-size untuk mengatur berukuran font
font-size:12px / 12pt
font-weight menjadi mengatur ketebalan font
font-weight:600 / bold / lighter
color berfungsi buat mengatur warna text
color:red / #ff0000 / rgb(255, 0, 0) / hsl(0, 100%, 50%)
text-align untuk menentukan opsi peletakkan tulisan
text-align:center / left / right / justify
text-decoration buat mengatur dekorasi text misalnya menaruh underline
text-decoration:none / underline / overline / line-through
word-spacing untuk mengatur jarak spasi pada setiap kata
line-height digunakan untuk mengatur ketinggian ruang setiap baris teks
text-shadow menambahkan efek bayangan pada teks
setelah kalian sudah memahami kode dasar css di atas mengenai format teks, selanjutnya kita akan mencoba untuk mengatur format text menggunakan css dengan metode inline seperti ini, silahkan kalian simpan kode html dan css ini kedalam notepad dengan ektensi.html
<html> <head> <title>Mengatur Format Teks Menggunakan CSS</title> <style> .p1{font-size:17px;color:red;text-align:center} .p2{font-size:14px;color:blue;font-family:arial;text-decoration:underline} .p3{word-spacing:10px;font-size:12px;line-height:14px} </style> </head> <body> <h2 class="p1">Belajar Mengatur Format Teks Menggunakan CSS.</h2> <p class="p2">Belajar Mengatur Format Teks Menggunakan CSS Di ZonaInternetku.blogspot.com<p> <p class="p3">Quisque ornare placerat risus. Ut molestie magna at mi. Integer aliquet mauris et nibh. Ut mattis ligula posuere velit. Nunc sagittis. Curabitur varius fringilla nisl. Duis pretium mi euismod erat. Maecenas id augue. Nam vulputate. Duis a quam non neque lobortis malesuada. Praesent euismod.</p> </body> </html>
Dan jika kalian sudah meniru tutorial di atas maka hasilnya akan menjadi seperti gambar di bawah berikut ini
Demikian tutorial Cara Mengatur Format Teks Dengan CSS Pada Web Kita, dengan memahami kode di atas maka saya yakin pasti kalian akan mudah untuk memahami kode css lainnya.
Baca jua :