Tutorial Pemrograman

Cara Membuat Dekorasi Teks dengan CSS

CSS singkatan dari Cascading Style Sheets. CSS adalah salah satu bahasa markup yang berfungsi khusus untuk merancang tampilan pada website agar hasil tampilan website lebih maksimal dan sesuai kebutuhan klien atau perusahaan.

Misalkan, seorang admin mengambil data-data pegawai yang bekerja di perusahaan tersebut yang terdapat dalam aplikasi sistem informasi berbasis web. Admin ini ingin memanipulasi data-data pegawai yang ada di tampilan website khusus pegawai dengan kriteria tertentu. Kriteria untuk pegawai yang telah resign dari perusahaan, maka tampilan teks data pegawai tersebut akan dicoret, sedangkan kriteria untuk pegawai yang teladan, maka tampilan teks data pegawai tersebut akan diberi garis-bawah.

Kamu bisa memanipulasi atau mendekorasi tampilan teks atau kalimat sesuai keinginan di website kamu.

Berikut cara membuat dekorasi teks dengan css.

Langkah:

1. Silahkan aktifkan teks editor seperti Notepad++, Sublime, Visual Code, dan sebagainya.

2. Silahkan ketik kode script di bawah ini.

3. Simpan hasil kode script tadi dengan tekan CTRL + S.

4. Pilihlah tempat simpan sesuai keinginan kamu, berikan nama “text-decoration-css.html”.

5. Klik Save.

6. Cari file yang tadi, kemudian klik kanan pada mouse → Open With → Web Browser app (Chrome, Mozilla, atau Microsoft Edge).

Berikut hasilnya.

Selesai.

Kini, kamu bisa melakukan dekorasi atau manipulasi teks pada tampilan website kamu baik statis maupun dinamis (menggunakan server dan database).

Demikian tutorial cara membuat dekorasi teks dengan css. Selamat mencoba.









Click to comment

Leave a Reply

Your email address will not be published. Required fields are marked *

Inwepo adalah media platform yang membantu setiap orang untuk belajar dan berbagi tutorial, tips dan trik cara penyelesaian suatu masalah di kehidupan sehari-hari dalam bentuk teks, gambar. dan video.

Dengan bergabung bersama kami dan membuat 1 tutorial terbaik yang kamu miliki dapat membantu jutaan orang di Indonesia untuk mendapatkan solusinya. Ayo berbagi tutorial terbaikmu.

Download Aplikasi Inwepo

Berlangganan tutorial Inwepo melalui email

Copyright © 2018 Inwepo - All Rights Reserved.

To Top