view raw
Jack King Jack King - 9 months ago 40
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">


You could actually accomplish this in pure css.

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


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