I have a DIV which has a red dotted border all around:
HTML for the DIV:
<div id="certificate" style="text-align:center;display:none;">
<img src="imgflo_topleft.png" id=img1 />
<img src="imgflo_bottomleft.png" id=img2 />
<img src="imgflo_topright.png" id=img3 />
<img src="imgflo_bottomright.png" id=img4 />
//OTHER texts will go here but it should not interfere with the images
</div>
CSS:
#certificate {
width: 900px;
margin: 0px auto;
border: 2px dotted red;
padding-right: 5px;
padding-left: 5px;
text-align: center;
}
Image to be placed on each corner of DIV:
Outcome:
See Question&Answers more detail:
os 与恶龙缠斗过久,自身亦成为恶龙;凝视深渊过久,深渊将回以凝视…