是否读取协议完毕练习HTML和CSS部分代码

是否读取协议完毕练习HTML和CSS部分代码
CSS部分：

<style>
        #info{
            width: 1000px;
            height: 500px;
            background-color: #f3ece2;
            overflow: auto;
        }
    </style>

HTML部分：

<form>
    <h3>欢迎注册</h3>
    <p id="info">
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        亲爱的用户请仔细阅读以下协议，如果不阅读完成，就别注册！
        皮卡丘打你小屁屁！<br><br><br><br><br><br><br>
        /＼7　　　 ∠＿/<br>
        /　│　　 ／　／<br>
        │　Z ＿,＜　／　　 /`ヽ<br>
        │　　　　　ヽ　　 /　　〉<br>
        Y　　　　　`　 /　　/<br>
        ｲ●　､　●　　⊂⊃〈　　/<br>
        ()　 へ　　　　|　＼〈<br>
        >ｰ ､_　 ィ　 │ ／／<br>
        / へ　　 /　ﾉ＜| ＼＼<br>
        ヽ_ﾉ　　(_／　 │／／<br>
        7　　　　　　　|／<br>
        ＞―r￣￣`ｰ―＿<br><br>
        /＼7　　　 ∠＿/<br>
        /　│　　 ／　／<br>
        │　Z ＿,＜　／　　 /`ヽ<br>
        │　　　　　ヽ　　 /　　〉<br>
        Y　　　　　`　 /　　/<br>
        ｲ●　､　●　　⊂⊃〈　　/&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皮卡丘打你小屁屁<br>
        ()　 へ　　　　|　＼〈<br>
        >ｰ ､_　 ィ　 │ ／／<br>
        / へ　　 /　ﾉ＜| ＼＼<br>
        ヽ_ﾉ　　(_／　 │／／<br>
        7　　　　　　　|／<br>
        ＞―r￣￣`ｰ―＿<br><br><br>
        /＼7　　　 ∠＿/<br>
        /　│　　 ／　／&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皮卡丘打你小屁屁<br>
        │　Z ＿,＜　／　　 /`ヽ<br>
        │　　　　　ヽ　　 /　　〉<br>
        Y　　　　　`　 /　　/<br>
        ｲ●　､　●　　⊂⊃〈　　/<br>
        ()　 へ　　　　|　＼〈<br>
        >ｰ ､_　 ィ　 │ ／／<br>
        / へ　　 /　ﾉ＜| ＼＼&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;皮卡丘打你小屁屁<br>
        ヽ_ﾉ　　(_／　 │／／<br>
        7　　　　　　　|／<br>
        ＞―r￣￣`ｰ―＿<br><br><br><br>
        /＼7　　　 ∠＿/<br>
        /　│　　 ／　／<br>
        │　Z ＿,＜　／　　 /`ヽ<br>
        │　　　　　ヽ　　 /　　〉<br>
        Y　　　　　`　 /　　/<br>
        ｲ●　､　●　　⊂⊃〈　　/<br>
        ()　 へ　　　　|　＼〈<br>
        >ｰ ､_　 ィ　 │ ／／<br>
        / へ　　 /　ﾉ＜| ＼＼<br>
        ヽ_ﾉ　　(_／　 │／／<br>
        7　　　　　　　|／<br>
        ＞―r￣￣`ｰ―＿<br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br><br>这下OK啦
    </p>
    <!--如果给表单添加disabled="disabled"则表单项会变成不可用的状态-->
    <input type="checkbox" disabled="disabled">我已仔细阅读协议，一定遵守
    <p><input type="submit" value="注册" disabled="disabled"></p>
</form>

效果图：

JS部分代码在JavaScript专栏里。