pages in a recent encounter, and had wanted to use border to simulate the Design of the dotted line results, but obviously not as good as border effects to the good-looking design.Incidentally, the next study the difference between dashed and dotted.

First, from the literal to understand, dashed and the dotted it means the" dotted line" , their difference is:

dashed: from the dash (dash), formed by a dash dotted line
dotted: from the dot (point), formed by the dot dashed line, also known as dotted lines

here to say a few nonsense, in fact, see the next demo , they can be more visually intuitive feeling of.
Let me say the following bug related to it, of course, the bug is just a glorious, once again appeared in the IE, the here related to IE6 and IE7.

Bug1: In IE6, under, 1 px widthdotted and dashed the same performance.When the width is greater than 1px, the performance of normal.

Bug2: In IE7, when the four edges of the width of 1px and other arbitrary values coexist, 1px's dotted and dashed the same performance.Four edges are all the width of 1px, or for other than 1px different value does not appear in this bug.

Bug3: Also, IE6 under, 1px in dotted or dashed border of 1px, drag the page, sometimes the border will be connected into a solid line, sometimes a gap.

Toaddress these bug, or directly without the direct use of dotted and dashed; or use an image instead; or with additional tags and code to resolve.

light only when the border width of 1px caused the bug, you can set the outer border surrounding the label width of 2px, by adding an internallabel, set it as the background color of the contents of the 1px border, and then by setting margin-top/right/bottom/left:-1px; to cap off the label outside the surrounded 1px border, from the visual effects to achieve normal.Very
This chapterreleased:Design and Material (http://www.q60.org),copy Please keep this line.