Day3

设置一个页面

目标这个：

 

 

 

 初学不知道水深，只觉得挺美观，结果自己上手，发发现里面往往绕绕。

步骤：

1、在页面中间设置如下

代码

 <img src="图片地址：名称.png" width="600" height="300">

实现：截图

 

 2、俩个文本框

代码：

<tr>
    <td>
       <input type="text" name=""border-radius placeholder="请输入用户名"><img src="people.png">
     </td>
</tr>
<tr>
    <td>
       <input type="text" name="" placeholder="请输入密码">
<img src="C:\Users\Sherlock Lin\Desktop\lock.png">
     </td>
</tr>

 不知道为什么，图片跑到了中间不中间的位置。目标的文本框是半圆，需要用到border-radius属性。（后面设置）

实现：

 3、点击选择按钮

 代码：

<tr>
    <td>
        <input type="checkbox" name="" checked="checked" />记住密码
     </td>
</tr>

实现：

未点击：

 

点击后：

 

4、登录按钮

代码：

<tr>
    <td>
        <input type="button" value="立即登录" placeholder="立即登录" style="height: 30px;width: 100px;color:#00CCFF"/>
    </td>
</tr>

实现：

本意是将背景弄成蓝色，但是在后面写color对应的是字体是蓝色。存在问题，后面修复。