أخبار ساخنة

HTML CSS إصنع صفحة التسجيل

 HTML CSS إصنع  صفحة التسجيل متل التي في الصورة


site


فيديو تطبيقي



الكود المستعمل


HTML


<html>

    <head>

        <link rel="stylesheet" href="home.css" />

        <title>Site </title>

    </head>

    <body>


<div id="logdiv">

    <center style="color:rgb(0, 132, 255) ; font-size:30px ; font-weight:bold ; font-style:oblique;">Log in</center>

<table>

    <tr>

        <td>Email</td>

        <td>:</td>

        <td><input type="text" placeholder="Email ..." id="input_text_pass" /></td>

    </tr>

    <tr>

        <td>Password</td>

        <td>:</td>

        <td><input type="password" placeholder="Password ..." id="input_text_pass" /></td>

    </tr>

    <tr>

        <td></td>

        <td></td>

        <td><input type="submit" value="Log in" id="input_submit" /></td>

    </tr>

</table>


</div>



    </body>

</html>



CSS


body

{

    background-color: #dedede;

}

#logdiv

{

    position: absolute;

    top: 200px;

    left:400px ;

    right: ;

    width: ;

    background-color:#ffffff ;

    border: 1px solid rgb(190, 190, 190);

    padding: 40px;

}

#input_text_pass

{

    width:400px ;

    height:40px ;

    background-color: rgb(236, 236, 236);

    border: 1px solid rgb(167, 167, 167);

    padding-left: 15px;

}

#logdiv table td

{

    height: 50px;

    color: rgb(131, 170, 255);

    font-weight: bold;

    font-size:20px ;

    font-style:oblique;

}

#input_submit

{

    width: 400px;

    height:40px ;

    font-weight: bold;

    font-style:oblique;

    background-color: rgb(0, 110, 255);

    color: rgb(255, 255, 255);

    border: 1px solid rgb(134, 217, 255);

}

ليست هناك تعليقات