Sure — could you clarify what you mean by “style text CSS”?
Here are a few possible things you might want:
- 🎨 Basic text styling examples (CSS):
p {
color: #333; /* Text color */
font-size: 16px; /* Font size */
font-family: "Poppins", sans-serif; /* Font type */
font-weight: 500; /* Boldness */
line-height: 1.6; /* Line spacing */
text-align: center; /* Text alignment */
text-transform: uppercase; /* Make text uppercase */
text-decoration: underline; /* Underline text */
letter-spacing: 1px; /* Space between letters */
}
- 💡 Adding effects to text:
h1 {
color: #0af;
text-shadow: 2px 2px 4px rgba(0,0,0,0.3);
background: linear-gradient(90deg, #ff8a00, #e52e71);
-webkit-background-clip: text;
-webkit-text-fill-color: transparent;
}
(Creates gradient text with a shadow.)
- ✨ Hover effect example:
a:hover {
color: #ff4081;
text-decoration: underline wavy;
}
Would you like me to:
- Show different text style examples (e.g., elegant, modern, neon, etc.)
- Or explain how to style text for a specific project (like a website header or logo)?
You said:
apa itu css
ChatGPT said:
CSS adalah singkatan dari Cascading Style Sheets, yaitu bahasa yang digunakan untuk mengatur tampilan dan gaya (style) dari elemen-elemen di halaman web yang dibuat dengan HTML.
👉 Sederhananya:
Kalau HTML adalah “tulang dan isi” dari halaman web, maka CSS adalah “baju dan tampilan”-nya.
🧩 Fungsi utama CSS:
- Mengatur warna, font, dan ukuran teks
- Mengatur tata letak (layout) — posisi elemen, jarak, margin, padding
- Menambahkan efek visual — bayangan, animasi, transisi
- Membuat tampilan responsif — agar website terlihat bagus di HP, tablet, dan komputer
📘 Contoh sederhana:
HTML:
<h1>Halo Dunia!</h1>
<p>Ini adalah paragraf contoh.</p>
CSS:
h1 {
color: blue; /* Warna teks */
text-align: center; /* Teks di tengah */
}
p {
color: gray; /* Warna teks paragraf */
font-size: 18px; /* Ukuran teks */
}
Hasilnya: teks “Halo Dunia!” akan berwarna biru dan berada di tengah, sedangkan paragraf berwarna abu-abu dengan ukuran huruf 18px