CSS Borders

Simple Borders

You can use various border types for your elements, which is shown here as an example:

Borders can give a little taste to your website theme - the way it looks. Choosing the right border type is important, since some types don't go well together when you have a box shadow for example. The "border" value is a shortcut to "border-width", "border-color" and "border-style" - it doesn't matter what order you define the values.

Advanced Borders

Often used in design-critical web applications:

You replace the "px" units with "REM/EM" units to scale the size as screen grows, but that's not nescessary, unless you want a highly responsive website.