Как добавить рамку и тень на картинку с CSS? - PullRequest
Новая
       32

Как добавить рамку и тень на картинку с CSS?

0 голосов
/ 16 апреля 2020

Очевидно, я понятия не имею, что я делаю, и мне нужна большая помощь. Как я уже сказал в заголовке, я хочу добавить рамку и тень к картинке. 

<!DOCTYPE html>

<!-- Instructions: Replicate the same styling seen in the kitten image below. -->

<html>
<head>
<title>Style an Image Quiz</title>
<style>
.kitten-Image{
/*border: medium dashed #fa8072*/
}
-webkit-box-shadow: 0px 0px 64px 0px rgba(0,0,0,0.72);
-moz-box-shadow: 0px 0px 64px 0px rgba(0,0,0,0.72);
box-shadow: 0px 0px 64px 0px rgba(0,0,0,0.72);
</style>
</head>
<body>
<img src=https://www.aspca.org/sites/default/files/blog_foster-myth_062718_main.jpg>
</body>
</html>

1 Ответ

0 голосов
/ 16 апреля 2020 

.kitten-Image{
border: 5px dashed #fa8072;
box-shadow: 0px 0px 64px 0px rgba(0,0,0,0.72);
}
  Your imgae needs to have a class. and also you need to uncomment styles.
<img class="kitten-Image" src=https://www.aspca.org/sites/default/files/blog_foster-myth_062718_main.jpg>
...