Embedded Files
LV19: CSS prikaz, pozicioniranje i prozirnost
Petar Lovaković i Filip Marangunić 3.A
PRIPREMA
1. Element <div> je blokovni element u HTML-u koji se koristi za grupiranje drugih elemenata radi stiliziranja ili oblikovanja pomoću CSS-a. Koristi se za definiranje bloka u dokumentu i često se koristi za organizaciju sadržaja.
Element <span> je inline element u HTML-u koji se koristi za primjenu stila ili manipulaciju dijelova teksta unutar bloka ili linije teksta. Obično se koristi za primjenu stilova na mali dio teksta.
Element <img> se koristi za postavljanje slike na web stranicu.
<img src="slike.jpg" alt="Opis slike">
3.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<style>
body {
font-family: Arial, sans-serif;
margin: 0;
padding: 0;
background-color: #f0f0f0;
}
.image-container {
display: flex;
justify-content: space-around;
margin: 20px;
}
.image-container img {
width: 200px;
height: 150px;
transition: opacity 0.3s ease-in-out;
}
.image-container img:hover {
opacity: 0.7;
}
</style>
<title>Automobili</title>
</head>
<body>
<h1>Automobili</h1>
<div class="image-container">
<img src="1.jpg" alt="Automobil 1">
<img src="2.jpg" alt="Automobil 2">
<img src="3.jpg" alt="Automobil 3">
</div>
<div class="image-container">
<img src="4.jpg" alt="Automobil 4">
<img src="5.jpg" alt="Automobil 5">
<img src="6.jpg" alt="Automobil 6">
</div>
</body>
</html>
Page updated
Google Sites
Report abuse