кривая на css

by Axelvaisper

HTML

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
<html><head> <title>Ломанные линии</title> 
    <meta http-equiv="Content-Type" content="text/html; charset=Windows-1251"> 
    </head>   
    <body>  
        <div id="cont">
            <div id="lin1">
            </div> 
            <div id="lin2">
            </div> 
            <div id="lin3">
            </div> 
        </div>   
    </body> </html>

CSS

#cont  {width:300px; height:300px;} 
#cont {position:relative; top:222px;     left:222px;}
#cont2222 {background:silver;}   
#lin1 {top:10px;  left:15px;}   
#lin2 {border-right:3px solid black; border-top:3px solid  black;}
#lin2 {top:60px; left:65px; border-top-right-radius:20px;}   
#lin3 {top:105px; left:115px;}  
#lin1, #lin2, #lin3  {position:absolute; width:50px; height:50px;}
#lin1, #lin3  {border-left:3px solid black; border-bottom:3px solid black;}
#lin1,  #lin3 {border-bottom-left-radius:20px;}