francky's

liquid corners playgarden

 

some illustrations of the method
"liquid round corners"
with an adapted stylesheet

8. The Painting Around



 

Completely painted borders

Not only the corners we can customize: also all the borders of the box. In fact, we did this already with the border-top line and border-bottom line of 1px.

Two more <div>'s and we can replace the left and right borderlines by a self-made image: here the colored double line. - Everything still liquid and resolution-proof.
 

variants:

double lines   parchment



 
 * NO: tables * NO: javascript * NO: serverside script * 
 HOW DONE? 2 images; 1 css-file; some lines html 
 CSS IS THE MAGIC ! 
       high hat



< back to: 7. The Simple Stars  |  next: to article >


liquid corners playgarden: index


smiley smiles

Valid HTML 4.01 Transitional

Valid CSS