Rahmen mit Boxschatten erstellen?

Question

Ich versuche, einen Rahmen für meine Elemente mit CSS box shadow zu erstellen. Allerdings kann ich nicht scheinen, dass dies funktioniert.

Dies ist mein Code:

.vid_img{ 
 
display:inline-block; 
 
width:25%; 
 
vertical-align: top; 
 
box-shadow: inset 0 0 0 -1px red; 
 

 
}

<img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img"><img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img"><img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img"><img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img">

Answer 1

Sie es wie folgt tun:

.vid_img { 
 
    display: inline-block; 
 
    width: 25%; 
 
    vertical-align: top; 
 
    box-shadow: 0 0 0 1px red; 
 
}

<img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img"><img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img"><img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img"><img src="https://static.pexels.com/photos/204611/pexels-photo-204611.jpeg" class="vid_img">