Source Code Ukuran Gambar Dengan CSS

on

 Sebelum itu saya akan jelaskan apa itu CSS sendiri ? CSS sebenarnya bukan bahasa pemograman melainkan membantu kita dalam mengatur sebuah konten dalam sebuah website sehingga lebih teratur atau aturan untuk mengatur beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam. CSS  kepanjangan dari Cascading Style Sheet .







Sama halnya styles dalam aplikasi pengolahan kata seperti Microsoft Word yang dapat mengatur beberapa style, misalnya heading, subbab, bodytext, footer, images, dan style lainnya untuk dapat digunakan bersama-sama dalam beberapa berkas (file).

Pada umumnya CSS dipakai untuk memformat tampilan halaman web yang dibuat dengan bahasa HTML dan XHTML.


CSS dapat mengendalikan:

    • ukuran gambar.
    • warna bagian tubuh pada teks.
    • warna tabel. 
    • ukuran border. 
    • warna border.
    •  warna hyperlink.
    •  warna mouse over.
    •  spasi antar paragraf.
    •  spasi antar teks.
    •  margin kiri, kanan, atas, bawah, dan parameter lainnya.

CSS:adalah bahasa style sheet yang digunakan untuk mengatur tampilan dokumen.Dengan adanya CSS memungkinkan kita untuk menampilkan halaman yang sama dengan format yang berbeda.



SOURCE CODE ukuran gambar,warna bagian tubuh pada teks,warna tabel:


/* CSS Document */
.grubgmbr1{
    width:90%;
    margin-top:1%;
    margin-left:5%;
    overflow:hidden;
}
.gambar1{
    background-color:#FFFFFF;//warna latar pada gambar,tengoklah google kode warna
    padding: 2px 10px 2px 10px;
}
.img{
    padding:1px 10px 1px 10px;
    width: 180px;
    height: 240px;
    padding-top: 1%;
}
#rotasi{
    width: 240px;
    height: 180px;
    -webkit-transform:rotate(90deg);
    -moz-transform:rotate(90deg); 
    -o-transform:rotate(90deg);
}

//catatan:
///fungsi source code ini untuk merapikan pada menu tampilan 









Comments

Post a Comment