Barra laterale - I
Lezione 6 di 13 del corso Barra laterale | Progetto front-end di Coddy.
Sfida
FacilePer la classe 'sidebar', imposta le seguenti proprietà:
1. Imposta la larghezza a 250 pixel e l'altezza al 100%.
2. Imposta il colore di sfondo che preferisci.
3. Imposta la posizione su fixed.
4. Imposta box-sizing su border-box.
Provalo tu
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
<title>Sidebar</title>
</head>
<body>
<button id="openSidebarBtn">Open</button>
<div id="sidebar" class="sidebar">
<button id="closeSidebarBtn">Close</button>
<p>Home</p>
<p>About</p>
<p>Services</p>
<p>Contact</p>
</div>
<script src="script.js"></script>
</body>
</html>Tutte le lezioni di Barra laterale | Progetto front-end
1Introduzione
Cosa realizzerai?3Scrivere CSS
Barra laterale - IEsercitati da solo: Playground Web