Te elementy formatowania w CSS są podstawowe. Najpierw upewnij się, że rozumiesz kod. Jest tu kilka nieoczywistych elementów:
- Niektóre style mają 2 lub 4 wartości. Co oznaczają poszczególne liczby?
- W kodzie są znaki . # > Co oznaczają?
- Nie wszystkie napisy są zielone. Dlaczego?
Żeby zrozumieć KAŻDY szczegół kodu poproś o pomoc przyjaciela. Jeśli nie masz takiego pod ręką – poproś AI.
<!DOCTYPE html>
<html>
<head>
<style>
#czerwony > p {
width: 300px;
margin: 10px 20px 30px 40px;
padding: 20px 30px;
border: 1px solid red;
border-width: 25px 10px 14px 35px;
background: rgba(0, 128, 0, 0.3)
}
p.pink {
margin: 10px 20px 30px 40px;
border-radius: 15px 50px 30px 5px;
padding: 60px 60px;
background: rgba(0, 128, 0, 0.3)
}
</style>
</head>
<body>
<div id="czerwony">
<p>Akapit 1</p>
<p>Akapit 2</p>
<section class="pink">
<p>Akapit 3</p>
Lorem ipsum.
</section>
<p>Akapit 4</p>
</div>
<div>
<p class="pink">Akapit 5</p>
</div>
<p>Akapit 6</p>
</body>
</html>
Przerób kod tak, by wyglądał jak na zrzucie. To zadanie jest zbyt proste by robić je z przyjacielem. Zrób je sam.
Twój komentarz