CSS to make a dotted line in a Web page

Here the border properties of the dotted border border control dashed lines. The following configured CSS Heights (CSS height) and css widths (CSS width) are 350 pixels in order to facilitate viewing and presentation of other meanings.

One or four side for dotted border

border:1px dashed #000; Black dotted border

Instance:

CSS code:. hackhome{border:1px dashed #000; height:50px;width:350px}

HTML code: My four edges are black dotted border

Here, configure the border abbreviation to explain the black dotted border of the hackhome picker with four edges border of 1px

Second, the left is dashed:

CSS code:. hackhome-1{border-left:1px dashed #000; height:50px;width:350px}

HTML code: My left is a black dotted border

Here, the left side is a black dotted border

Third, the right is dashed:

CSS code:. hackhome-2{border-right:1px dashed #000; height:50px;width:350px}

HTML code: My right side is a black dotted border

This is configured with a black dotted border on the right side

Four, top edge (top) is dashed:

CSS code:. hackhome-3{border-top:1px dashed #000; height:50px;width:350px}

HTML code: My top is a black dotted border

The top edge (upper edge) is configured here with a black dotted border

Five, the bottom edge (bottom) is dashed:

CSS code:. hackhome-4{border-bottom:1px dashed #000; height:50px;width:350px}

HTML code: My bottom is a black dotted border

The bottom side (bottom line) is configured with a black dotted border

Six, the casual side is not dashed, the other three sides for the dotted line condition

Participate in the right border is not a dashed line without a sideline, the other three sides are black dotted border

CSS code:. hackhome-5{border:1px dashed #000; border-right:0 height:50px;width:350px}

HTML code: My right border has no edges and the other three are black dotted border instances

Here, the object is configured with a black 1px dotted border, followed by a configuration with a side edge of 0, which is the equivalent of a 3-sided border dotted line property, but note that the border properties are configured before and after the order.