Information

Sajt

14 Mer bild egenskaper

  • Gör så att bilden A nedan får rundade kanter med 5 px.
  • Gör så att bilden B nedan får rundade kanter med 25 px.
  • Gör så att bilden C nedan så bilden blir helt rund.
  • Gör så att bilden D nedan får "opacity" 0.75.
  • Gör så att bilden E nedan blir genomskinlig till 50%.
  • Gör så att bilden F nedan inte alls syns genom att använda egenskapen opacity.

Kod 


<!DOCTYPE html>
<html lang="sv">
<head>
<meta charset="utf-8" />
<style>
	</style>
	<style>
		 body {
		     background: blue;
	     }
	     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