Use border border properties to make small symbols

The first two days of study, found on the site of a small symbol, thought to be inserted img, but find to find also did not find the address of IMG. Finally asked the classmate, only to know is to use border attribute made out.

Symbols such as right:

Its CSS code is as follows:

. fuhao{    Position:absolute;    top:12px;    left:12px;    width:0px;    height:0px;    Overflow:hidden;    border-width:6px 0px 6px 6px;    Border-color:transparent #A92222;    border-style:dashed none dashed solid;}

Here is the use of an empty div, Fuhao, to define its position, so that it has a height and width of 0, but the border has a width. So what's in this div, there's nothing left but a border.

This should be the case, as the truth goes:

Then the following statement to the upper and lower border to do a transparent transparent processing, the right side of the box to do 0px processing, the symbol is drawn.

In fact, I do not quite understand, but think with the border border to do the symbol is very interesting, what you see, take it.

Use border border properties to make small symbols