Information

Sajt

15 Bild har skuggor

  • Gör så att bilden A nedan får "box-shadow" med parametrarna 15px och 5px.
  • Gör så att bilden B nedan får en skugga liknade den ovan med den ska vara gul.
  • Gör så att bilden C nedan får en röd cirkel runt sig med hjälp av skuggor.
  • Gör så att bilden D nedan får en gul skygga i högre övre hörnet.
  • Gör så att bilden E nedan får en kantlinje runt sig med hjälp av en skugga.
  • Gör så att bilden F nedan får en riktig surrealistisk skugga.

Kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
	</style>
	<style>
	     img {
			 margin: 10px;
		     width: 320px;
		     height: 240px;
		 } 
	</style>
</head>
<body>
<h1> Image </h1>
<h1> A </h1>
<img id="image-1" src="https://htsit.se/image/daisy.jpg" />
<h1> B </h1>
<img id="image-2" src="https://htsit.se/image/daisy.jpg" />
<h1> C </h1>
<img id="image-3" src="https://htsit.se/image/daisy.jpg" />
<h1> D </h1>
<img id="image-4" src="https://htsit.se/image/daisy.jpg" />
<h1> E </h1>
<img id="image-5" src="https://htsit.se/image/daisy.jpg" />
<h1> F </h1>
<img id="image-6" src="https://htsit.se/image/daisy.jpg" />
</body>
</html>

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

Nyheter