HTML 代码

<html lang="en">
    <head>
        <meta content="" name="">
        <title></title>
        <link rel="stylesheet" href="lesson3.css">
    </head>
    <!-- <style>
        div{
            width: 100;
            height: 300;
            background-color: blueviolet;
        }
    </style> -->
<body>
    <form method="GET" action="">
       username: <input style="color: dimgrey" type="text" name = "username" value="请输入用户名" onfocus="if(this.value=='请输入用户名'){this.value='';}" onblur="if(this.value==''){this.value='请输入用户名'}">
       password: <input type="password" name="pwd">
       <input type="submit">
    </form>
    
    <div>
        
    </div style = "color: dimgrey"></div>

    </div>
 
</body>

</html>

CSS 文件

div{
    width: 100;
    height: 100;
    border-radius: 50%;
    background-color: blueviolet;
}

CSS 画一个圆

CSS 画一个圆

HTML 代码

CSS 文件

死扣基础，循序渐进，成为成为大牛，形成自己的思维模式