Information

Sajt

14 Tre lådor

Fixa så lådorna med id enligt nedan får stylen som beskrivs.

  • Gör så "box-1" lådan har en margin på 10px runt hela sig.
  • Gör så "box-2" lådan har en padding på 15px mot sitt tak.
  • Gör så "box-3" lådan har en kantlinje på 20px, en padding på 12px mot golvet och en margin på 25px till höger, vänster och uppåt.

Kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
	     #box-1 {
		    
	     }
	     
	     #box-2 {
		    
	     } 
	     
	     #box-3 {
		    
	     } 
	</style>
	<style>
	     div {
			 background-color: green;
		     border-style: solid;
		     font-size: 32px;
		 } 
	</style>
</head>
<body>
	<div id="box-1" >
	    El gato al rato
	</div>
<div id="box-2" >
El rato a la cuerda
	</div>
	<div id="box-3" >
La cuerda al palo
	</div>
</body>
</html>

Du ska bara lägga till något mellan första style-tagarna.

Nyheter