css border style

1hr {
2  border:none;
3  border-top:1px dashed #f00;
4  color:#fff;
5  background-color:#fff;
6  height:1px;
7  width:50%;
8}

1/* 
2 * border-style:
3solid: A solid, continuous line.
4none (default): No line is drawn.
5hidden: A line is drawn, but not visible. this can be handy for adding a little extra width to an element without displaying a border.
6dashed: A line that consists of dashes.
7dotted: A line that consists of dots.
8double: Two lines are drawn around the element.
9groove: Adds a bevel based on the color value in a way that makes the element appear pressed into the document.
10ridge: Similar to groove, but reverses the color values in a way that makes the element appear raised.
11inset: Adds a split tone to the line that makes the element appear slightly depressed.
12outset: Similar to inset, but reverses the colors in a way that makes the element appear slightly raised.
13*/
14
15/* Example using the typical solid border-style */
16div {
17	border: 1px solid #4e1f9d;
18}

1The border-style property sets the style of an element's four borders.