Podziel stronę na 4 części w html tak jak na załączniku. DAJE NAJJJ
More Questions From This User See All
" Life is not a problem to be solved but a reality to be experienced! "
© Copyright 2013 - 2024 KUDO.TIPS - All rights reserved.
Strona jest podzielona na 4 równe części za pomocą kontenera o klasie container, który ma ustawioną właściwość display: flex. Każda z 4 części jest elementem div o klasie box, który ma szerokość i wysokość równe 50%. Właściwość background-image lub background-color jest ustawiona dla każdej z klas box1, box2, box3 i box4, aby ustalić tło dla każdej z tych części.
Kod:
<html>
<head>
<style>
.container {
display: flex;
}
.box {
width: 50%;
height: 50%;
}
.box1 {
background-image: url('image1.jpg');
}
.box2 {
background-color: blue;
}
.box3 {
background-image: url('image2.jpg');
}
.box4 {
background-color: green;
}
</style>
</head>
<body>
<div class="container">
<div class="box box1"></div>
<div class="box box2"></div>
<div class="box box3"></div>
<div class="box box4"></div>
</div>
</body>
</html>