Jack King Jack King - 1 year ago 73
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">

Answer Source

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;



Recommended from our users: Dynamic Network Monitoring from WhatsUp Gold from IPSwitch. Free Download