山顶角

╰半夏微凉° 2022-08-07 02:00 136阅读 0赞

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "[http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd][http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]">  
<html xmlns="[http://www.w3.org/1999/xhtml][http_www.w3.org_1999_xhtml]">

<head>  
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />  
    <title>Border</title>  
    <style type="text/css">  
        body \{  
                        background-color: \#CCC;  
        \}  
        div.root \{  
            position: relative;  
        \}  
        div.dot1,  
        div.dot2,  
        div.dot3,  
        div.dot4 \{  
            height: 0px;  
            width: 0px;  
            border-width: 20px;  
            border-style: solid;  
            border-color: \#666 transparent transparent transparent;  
            overflow: hidden;  
        \}  
        div.dot2 \{  
            border-color: \#CCC transparent transparent transparent;  
            top: -5px;  
            position: absolute;  
        \}  
        div.dot3 \{  
            border-style: solid;  
            border-color: \#666 \#666 transparent transparent;  
        \}  
        div.dot4 \{  
            border-width: 20px 10px;  
            border-style: solid;  
            border-color: \#CCC \#CCC transparent transparent;  
            position: absolute;  
            top: 0px;  
            left: 20px;  
        \}  
    </style>  
</head>

</html>

详情查看[http://www.jsann.com/post/CSS\_to\_achieve\_the\_principle\_of\_the\_Peak\_Point.html][http_www.jsann.com_post_CSS_to_achieve_the_principle_of_the_Peak_Point.html]

[http_www.w3.org_TR_xhtml1_DTD_xhtml1-transitional.dtd]: http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd
[http_www.w3.org_1999_xhtml]: http://www.w3.org/1999/xhtml
[http_www.jsann.com_post_CSS_to_achieve_the_principle_of_the_Peak_Point.html]: http://www.jsann.com/post/CSS_to_achieve_the_principle_of_the_Peak_Point.html