3D Borders

So you want a faux 3D border around something?  You can put a border around pictures.  This feature works in any browser with full support for CSS2.  For information on CSS2, click here.

Pictures with 3D Borders

3D images are no longer the silver buttons with the white highlights and dark gray shadows we remember on Windows 3.1x.  Your current display settings might have your 3D objects sporting a red face with pink highlights and a dark red shadow.  Maybe you want to take this into account.  Here is the way you take a user's settings into account when putting a border around a picture.

The picture above is the same as the background.  If your browser does not support the 3D border feature, then the picture is probably really hard to find.  The code for this picture is as follows:

<IMG style="BORDER-TOP-WIDTH: thin; BORDER-LEFT-WIDTH: thin; BORDER-LEFT-COLOR: threedshadow; BORDER-BOTTOM-WIDTH: thin; BORDER-BOTTOM-COLOR: threedlightshadow; BORDER-TOP-COLOR: threedshadow; BORDER-RIGHT-WIDTH: thin; BORDER-RIGHT-COLOR: threedlightshadow" alt="This page's background." src="bg.jpg" border=1>

You can put hex color values (for example #ffffff and #000000) or color names (for example "red" and "lemonchiffon").  You must put the BORDER=1 attribute within your pictures.  This may work for text, but because I cannot get text to have a 3D border, I cannot guarantee it will work.