Penataan Teks

Termasuk bagian Menata dengan CSS dalam perjalanan HTML di Coddy. Pelajaran 31 dari 76.

Tantangan

Mudah

Dalam tugas ini, kamu akan menyesuaikan ukuran font, warna, dan dekorasi untuk berbagai elemen di halaman.

Ikuti langkah-langkah berikut:

Atur ukuran font elemen <h1> menjadi 36px, dan terapkan dekorasi underline.
Atur bobot font elemen dengan class welcome menjadi 700.
Atur ukuran font elemen <h2> (judul kategori) menjadi 24px, dan warna font ke warna pilihanmu (bukan hitam).
Atur warna font elemen dengan class dish-name ke warna pilihanmu (bukan hitam).

Coba sendiri

<html>
<head>
    <title>Café Menu</title>  
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <header>
        <h1>Café Delight</h1>
        <p class="welcome">Welcome to our café! Enjoy a delicious meal.</p>
    </header>
    <div class="menu-category">
        <h2>Appetizers</h2>
        <ul>
            <li>
                <p class="dish-name">Bruschetta $5.99</p>
            </li>
            <li>
                <p class="dish-name">Garlic Bread $3.50</p>
            </li>
        </ul>
    </div>
    <div class="menu-category">
        <h2>Main Courses</h2>
        <ul>
            <li>
                <p class="dish-name">Spaghetti Carbonara $12.99</p>
            </li>
            <li>
                <p class="dish-name">Grilled Chicken Salad $9.99</p>
            </li>
        </ul>
    </div>
    <div class="menu-category">
        <h2>Desserts</h2>
        <ul>
            <li>
                <p class="dish-name">Chocolate Cake $4.99</p>
            </li>
            <li>
                <p class="dish-name">Cheesecake $5.49</p>
            </li>
        </ul>
    </div>
    <footer>
        <p>&copy; 2025 Café Delight - All rights reserved</p>
    </footer>
</body>
</html>