Kom
1
/* Общее оформление */
html,
body {
margin: 0;
padding: 0;
}
body,
div,
.gallery {
width: 550px;
font-size: 14px;
font-family: “Tahoma”, “Arial”, sans-serif;
color: black;
}
.gallery {
display: flex;
flex-wrap: wrap;
width: 300px;
padding: 10px;
}
div
.picture
{
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 80%;
background-size: 64px 64px;
background-color: white;
border-radius: 10px;
}
/* Оформление картинок */
div.cat-foodlove {
background-image: url(“cat-foodlove.svg”);
}
#scary.cat-slippers {
background-image: url(“cat-slippers.svg”);
}
.gallery .cat-cage {
background-image: url(“cat-cage.svg”);
color: black !important;
}
.gallery .cat-fat {
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood;
background-image: url(“cat-fat.svg”);
}
А я так сделал.
html,
body {
margin: 0;
padding: 0;
}
body {
width: 550px;
font-size: 14px;
font-family: “Tahoma”, “Arial”, sans-serif;
color: black;
}
.gallery {
display: flex;
flex-wrap: wrap;
width: 300px;
padding: 10px;
}
.picture {
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood !important;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 80%;
background-size: 64px 64px;
background-color: white;
border-radius: 10px;
}
/* Оформление картинок */
div.cat-foodlove {
background-image: url(“cat-foodlove.svg”);
background-color: white;
}
div#scary.cat-slippers {
background-image: url(“cat-slippers.svg”);
}
div.picture.cat-fat {
background-image: url(“cat-fat.svg”);
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
}
div.picture.cat-cage {
background-image: url(“cat-cage.svg”);
color: black !important;
}
hetooro
3
Вот так получилось
/* Общее оформление */
html,
body {
margin: 0;
padding: 0;
}
body {
width: 550px;
font-size: 14px;
font-family: “Tahoma”, “Arial”, sans-serif;
color: black;
}
.gallery {
display: flex;
flex-wrap: wrap;
width: 300px;
padding: 10px;
}
div .picture {
width: 100px;
height: 100px;
margin: 10px;
padding: 10px;
border: 5px solid burlywood;
text-align: center;
background-repeat: no-repeat;
background-position: 50% 80%;
background-size: 64px 64px;
background-color: white;
border-radius: 10px;
}
/* Оформление картинок */
.picture.cat-foodlove {
background-image: url(“cat-foodlove.svg”);
}
.picture.cat-slippers#scary {
background-image: url(“cat-slippers.svg”);
}
.picture.cat-cage {
background-image: url(“cat-cage.svg”);
color:black !important;
}
.picture.cat-fat {
background-image: url(“cat-fat.svg”);
width: 100px;
height: 100px;
}