Jack King Jack King - 4 months ago 10
CSS Question

Creating framed image with css

How to Create the framework of intermittent according to this picture:

picture link(please click here to show picture)

HTML code:

<div id="frm">
<img src="img/main.jpg">
<img src="img/imgT.png">
<img src= "img/imgR.png">
<img src="img/imgL.png">
<img src="img/imgB.png">
</div>

Answer

You could actually accomplish this in pure css.

<div id="frm">
   <img src="img/main.jpg">
</div>

CSS

img {
  border-top: 5px solid green;
  border-bottom: 5px solid orange;
  border-left: 5px solid blue;
  border-right: 5px solid yellow;
}

JsFiddle

https://jsfiddle.net/1w0bxdy0/5/

Comments