3-29编程练习

来源：3-30 编程练习

柠檬楠

2021-01-25 13:56:11

相关代码：

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title>动态伪类</title>
        <style type="text/css">
            /*此处写代码*/
            input:hover {
                border:1px solid red;问题描述：
            }
            div:first-child input:focus {
                background-color:orange;
            }
            div:last-child input:focus {
                background-color:yellow;
            }
        </style>
    </head>
    <body>
        <!-- 此处写代码 -->
        <div>
            用户名：<input type="text">
        </div>
        <br>
        <div>
            密码：<input type="password">
        </div>
    </body>
</html>