Better Borders Using CSS
CSS is the preferred method to style elements on web pages. Styling can be done by manipulating individual borders by thickness, color, and styles. Thickness can be in the form of pixels, points or literals sch as thin, medium or thick. Color can be a literal word such as red, yellow, blue or it can be a hexadecimal representations. For example black would be #000000 and red would be #ff0000. Styling for web page borders include dotted, dashed, solid, double, groove, etc. Border Objects include but not limited to border,border-right, border-top and border-width.
To use these attributes you need to identify them with the border object like this
border object: <thickness> <style> <color>; so a real example would be:
border-right: 5px dotted #ff000;
This would give us a red border which is 5 pixels thick and is dotted. One way of using such a border is to style an image as shown in the example that is bordering the image on the left.