一个简单的web前端静态登录页面

一个简单的web前端登录页面

刚开始学习css ,写的不是很标准

所用技术 html +css

结果展示
一个简单的web前端静态登录页面_第1张图片

输入框前面是特殊字体

<link href="https://cdn.staticfile.org/font-awesome/4.7.0/css/font-awesome.css" rel="stylesheet">

直接引用地址

具体参考
菜鸟教程https://www.runoob.com/font-awesome/fontawesome-reference.html

html部分:


<body >
<div class="div1">

    <form>
        <h2>希望工程登录h2>

       <div class="input1">
           <i class="fa fa-user-o"  style="font-size: 24px">i>
           
       div>
        <div class="input1">
            <i class="fa fa-unlock-alt" style="font-size: 24px">i>
            
        div>
        <div class="input2">
            <input type="checkbox" ><span>记住密码span>
            <input type="checkbox" ><span>自动登录span>
        div>
        <button class="butto">登录button>

    form>
div>


body>

css布局部分:


    
    Title
    
    

你可能感兴趣的:(html,css,html,web,html5,css)