How to add different graphical borders to a box

Here you have an example of a graphical, resizable box. It will stretch/enlarge as you'll change the window's size, or as you'll change the font's size.

It is all done with CSS and HTML.

The CSS style rules are embedded in the page, at the bottom, take a look to the source.

Important: this technique will work only on Mozilla Firefox ©.

This is just additional content

These lines have been added just to make the page longer, so that it will be scrollable even if maximized at full screen size.








Some further space.

Copyright Notice

This page, its graphics, its HTML structure and its CSS rules are Copyright 2006 © Francesco Simone Carta, All Rights Reserved.

Nonetheless, you can use it for free, without asking for my permission, but you must make clear to the end user that this work has been made by me, by putting my copyright notice and a link to my site.

You can modify it and claim it's yours if you change its graphics, but a link back to this site would be welcome. Thank you.

Back to CSS Page
Fixed Bar

It is intended to hold the navigation links.

Notice that its height is set by its content.