边框（border）

边框的常见属性：粗细 样式 颜色

  1. <html lang="en">
  2. <head>
  3.     <meta charset="UTF-8">
  4.     <title>Title</title>
  6.     <style>
  7.         body{
  8.             /*body总有一个默认的外边距*/
  9.             margin: 0;
  10.         }
  12.         #box-login{
  13.             /*边框的粗细 样式 颜色*/
  14.             width: 300px;
  15.             border: 2px solid red;
  17.         }
  19.         form{
  20.             color: black;
  21.         }
  22.     </style>
  23. </head>
  24. <body>
  25. <div id="box-login">
  26. <h2>会员登录</h2>
  27.     <form method="post" action="#">
  28.        <div>
  29.            <span>账号：</span>
  30.            <input type="text">
  31.        </div>
  33.         <div>
  34.             <span>密码：</span>
  35.             <input type="text">
  36.         </div>
  38.         <div>
  39.             <span>邮箱：</span>
  40.             <input type="text">
  41.         </div>
  42.     </form>
  43. </div>
  44. </body>
  45. </html>

运行结果：
image.png