Images for Rounding Angles

By now, the size, position, background colour and borders of our two areas have been set. Not bad! However, the sharp angles of our two areas visually harden the appearance of our page.

We are now going to place images (again with pixel precision) at each corner of both frames, in order to soften these angles. To do this, just add the following code to your page:

<div style="position:absolute; left:8px; top:95px"><img src="princip_haut.gif"></div>
<div style="position:absolute; left:8px; top:590px"><img src="princip_bas.gif"></div>
<div style="position:absolute; left:500px; top:95px"><img src="droit_haut.gif"></div>
<div style="position:absolute; left:500px; top:590px"><img src="droit_bas.gif"></div>