CSS Borders
border: 1px solid #333333; border-color: value; border-style: value; border-width: value; border-bottom: 1px solid #333333; border-left: 1px solid #333333; border-right: 1px solid #333333; border-top: 1px solid #333333; The property border-style sets the style of the border on all four sides of an element using the values specified.
Border styles
none hidden dotted dashed solid double groove ridge inset outset inherit none means no border will show, and the computed border-width is zero. dotted >>> a series of dots. dashed >>> a series of dashes. solid >>> a solid line. double >>> two solid lines groove, inset, outset and outset are 3D effects Inherit will cause the element to gain its parent’s value for the property in question.
CSS List
list-style: value value; list-style-image: url(path_to_image.gif, jpg or png); list-style-position: value; list-style-type: value;
Styling like this

<style>
ul.a {
list-style-type: circle;
}

ul.b {
list-style-type: square;
}

ol.c {
list-style-type: upper-roman;
}

ol.d {
list-style-type: lower-alpha;
}
</style>

...renders this:

Unordered lists:

  • Meat
  • Tea
  • Milk
  • Meat
  • Tea
  • Milk

Ordered lists:

  1. Meat
  2. Tea
  3. Milk
  1. Meat
  2. Tea
  3. Milk


If you specify and url for an image like this...

ul.c {
list-style-image: url('images/button.png');
}

...you get this:

  • Meat
  • Tea
  • Milk
up