网页虚线效果

<head runat="server">
    <title>无标题页</title>
   <%-- 方法二--%>
    <STYLE type=text/css> .dotline {
BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted
}
</STYLE>

</head>
<body>
    <form id="form1" runat="server">
    <div>
        <hr style="BORDER-BOTTOM-STYLE: dotted; BORDER-LEFT-STYLE: dotted; BORDER-RIGHT-STYLE: dotted; BORDER-TOP-STYLE: dotted" color=#000000 size=1 />
       方法2：
        <hr class=dotline color=green size=1 />
    </div>
    </form>
</body>
</html>