Cara Mengatur Format Text Dengan CSS

Zona Internetku No Comment November 29, 2018

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.

Baca juga :
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 digunakan
font-size untuk mengatur ukuran font
font-size:12px / 12pt
font-weight sebagai mengatur ketebalan font
font-weight:600 / bold / lighter
color berfungsi untuk mengatur warna text
color:red / #ff0000 / rgb(255, 0, 0) / hsl(0, 100%, 50%)
text-align untuk memilih opsi peletakkan tulisan
text-align:center / left / right / justify
text-decoration untuk mengatur dekorasi text seperti memberikan underline dan sejenisnya
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.