Scribd Logo
Upload

Welcome to Scribd!

  • CCCCCC

    Uploaded by

    defi
    10 views8 pages
    h

    Original Title

    -cccccc

    Copyright

    © © All Rights Reserved

    Available Formats

    DOC, PDF, TXT or read online from Scribd

    Did you find this document useful?

    Is this content inappropriate?

    Report this Document
    h

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    10 views8 pages

    CCCCCC

    Uploaded by

    defi
    h

    Copyright:

    © All Rights Reserved
    Download as DOC, PDF, TXT or read online from Scribd
    Flag for inappropriate content
    of 8

    .

    table1 {

    font-family: sans-serif;

    color: #444;

    border-collapse: collapse;

    width: 50%;

    border: 1px solid #f2f5f7;

    .table1 tr th{

    background: #35A9DB;

    color: #fff;

    font-weight: normal;

    .table1, th, td {

    padding: 8px 20px;

    text-align: center;

    .table1 tr:hover {

    background-color: #f5f5f5;

    .table1 tr:nth-child(even) {

    background-color: #f2f2f2;
    }

    <!DOCTYPE html>

    <html>

    <head>

    <title>Membuat Desain Form Login Dengan CSS - www.malasngoding.com</title>

    <link rel="stylesheet" type="text/css" href="style.css">

    </head>

    <body>

    <h1>Membuat Desain Form Login Dengan CSS <br/> www.malasngoding.com</h1>

    <div class="kotak_login">

    <p class="tulisan_login">Silahkan login</p>

    <form>

    <label>Username</label>

    <input type="text" name="username" class="form_login"


    placeholder="Username atau email ..">

    <label>Password</label>

    <input type="text" name="password" class="form_login"


    placeholder="Password ..">

    <input type="submit" class="tombol_login" value="LOGIN">

    <br/>
    <br/>

    <center>

    <a class="link" href="https://www.malasngoding.com">kembali</a>

    </center>

    </form>

    </div>

    </body>

    </html>

    <div class="kotak_login">

    <p class="tulisan_login">Silahkan login</p>

    <form>

    <label>Username</label>

    <input type="text" name="username" class="form_login" placeholder="Username atau


    email ..">

    <label>Password</label>

    <input type="text" name="password" class="form_login" placeholder="Password ..">

    <input type="submit" class="tombol_login" value="LOGIN">

    <br/>

    <br/>
    <center>

    <a class="link" href="https://www.malasngoding.com">kembali</a>

    </center>

    </form>

    </div>

    body{

    font-family: sans-serif;

    background: #d5f0f3;

    h1{

    text-align: center;

    /*ketebalan font*/

    font-weight: 300;

    .tulisan_login{

    text-align: center;

    /*membuat semua huruf menjadi kapital*/

    text-transform: uppercase;

    .kotak_login{

    width: 350px;
    background: white;

    /*meletakkan form ke tengah*/

    margin: 80px auto;

    padding: 30px 20px;

    label{

    font-size: 11pt;

    .form_login{

    /*membuat lebar form penuh*/

    box-sizing : border-box;

    width: 100%;

    padding: 10px;

    font-size: 11pt;

    margin-bottom: 20px;

    .tombol_login{

    background: #46de4b;

    color: white;

    font-size: 11pt;

    width: 100%;

    border: none;
    border-radius: 3px;

    padding: 10px 20px;

    .link{

    color: #232323;

    text-decoration: none;

    font-size: 10pt;

    <!DOCTYPE html>

    <html lang="en">

    <head>

    <meta charset="UTF-8">

    <title>Cara Embed Video YouTube di Website</title>

    <style>

    .container {

    width: 560px;

    margin: auto;

    background: #999999;

    footer {

    padding: 5px 10px;

    background-color: #1CBABC;

    color: #F4F5ED;

    text-align: center;
    }

    </style>

    </head>

    <body>

    <div class="container">

    <div class="content-video">

    <!-- Tempatkan Video Disini -->

    </div>

    <footer>

    <h3>Cara Embed Video YouTube di Website</h3>

    </footer>

    </div>

    </body>

    </html>

    <body>

    <div class="container">

    <div class="content-video">

    <!-- Tempatkan Video Disini -->

    <iframe width="560" height="315" src="https://www.youtube.com/embed/8iEgci-npU8"


    frameborder="0" allow="autoplay; encrypted-media" allowfullscreen></iframe>

    </div>

    <footer>

    <h3>Cara Embed Video YouTube di Website</h3>

    </footer>

    </div>
    </body>

    You might also like