Scribd Logo
Unggah

Selamat datang di Scribd!

  • CSS-LINK-STYLE

    Diunggah oleh

    Siva Larasathi
    729 tayangan2 halaman

    Judul Asli

    UAS Pemrograman Web

    Hak Cipta

    © © All Rights Reserved

    Format Tersedia

    DOCX, PDF, TXT atau baca online dari Scribd

    Apakah menurut Anda dokumen ini bermanfaat?

    Apakah konten ini tidak pantas?

    Laporkan Dokumen Ini

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    729 tayangan2 halaman

    CSS-LINK-STYLE

    Diunggah oleh

    Siva Larasathi

    Hak Cipta:

    © All Rights Reserved
    Unduh sebagai DOCX, PDF, TXT atau baca online dari Scribd
    Tandai sebagai konten tidak pantas
    dari 2

    Soal :

    1. Tuliskan kode CSS untuk membuat link-link pada class ‘artikel’ memiliki style berikut: Teks link
    berwarna putih dan tidak bergaris bawah. Jika dilewati mouse, teks link akan berwarna kuning
    2. Lihat kode berikut ini:
    <html>
    <head>
    <title>Style dengan CSS</title>
    </head> <body>
    <p>Paragrap ini akan ditampilkan dengan pengaturan gaya menggunakan CSS. Paragrap
    merupakan salah satu dari elemen berjenis block yang akan tampil di browser memenuhi area dari
    ujung kiri sampai kanan layar. Elemen block lainnya adalah heading</p>
    </body> <html>

    Buatlah style CSS dengan cara internal atau embedded style sheet agar teks dalam paragrap
    tampil dengan warna tulisan merah berlatar belakang kuning, mempunyai border tipis yang
    berjenis garis kontinyu warna #a9a9a9. Disamping itu, antara teks dengan border memiliki jarak
    15 piksel.

    Jawaban :

    Kode CSS untuk artikel


    .artikel {
    color: white;
    text-decoration: none;
    }

    .artikel:hover {
    color:yellow;
    }
    Embedded Syle
    <!DOCTYPE html>
    <html>
    <head>
    <title>Style dengan CSS</title>
    <style type="text/css">
    p{
    color:red;
    background-color: yellow;
    border:solid 1px #a9a9a9;
    padding: 15px
    }
    </style>
    </head>
    <body>
    <p>Paragrap ini akan ditampilkan dengan pengaturan gaya menggunakan CSS. Paragrap
    merupakan salah satu dari elemen berjenis block yang akan tampil di browser memenuhi area dari
    ujung kiri sampai kanan layar. Elemen block lainnya adalah heading</p>
    </body>
    </html>

    Anda mungkin juga menyukai