HTML CV CSS (Lanjutan)

Sebelum membahas CSS lebih baik kita mengenalinya terlebih dahulu seperti apa kata pepatah tak kenal maka tak sayang. CSS (Cascading Style Sheets) adalah kumpulan kode-kode yang berurutan dan saling berhubungan untuk mengatur format / tampilan suatu halaman HTML dan merupakan salah satu bahasa pemrograman web untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.
Kali ini saya akan membahas tentang edit HTML dengan CSS disini saya masih menggunakan source code HTML CV. Berikut kutipan source code yang saya tambahkan pada code HTML CV sebelumnya.
<style>
body{
background-image: linear-gradient(top, #9900ff 25%, #a7ccfa 50%, #5494CC 75%, #ffff00 90%);
background-image: -o-linear-gradient(top, #9900ff 25%, #a7ccfa 50%, #5494CC 75%, #ffff00 90%);
background-image: -moz-linear-gradient(top, #9900ff 25%, #a7ccfa 50%, #5494CC 75%, #ffff00 90%);
background-image: -webkit-linear-gradient(top, #9900ff 25%, #a7ccfa 50%, #5494CC 75%, #ffff00 90%);
background-image: -ms-linear-gradient(top, #9900ff 25%, #a7ccfa 50%, #5494CC 75%, #ffff00 90%);
background-image: -webkit-gradient( linear, left top, left bottom, color-stop(0.2, #ffff00), color-stop(0.5, #5494CC), color-stop(0.75, #9900ff), color-stop(0.9, #9900ff) );
background-image: -webkit-gradient(
linear,
left top,
left bottom,
color-stop(0.2, #9900ff),
color-stop(0.5, #9900ff),
color-stop(0.75, #ffff0f),
color-stop(0.9, #5494CC) );
padding: 50px;
color: #000000;
width: 1000px;
padding: 15px 50px 50px 50px;

border-radius: 30px;
margin: auto;
margin-top: 15px;
margin-bottom:15px;
border: 5px solid #080225;
-moz-box-shadow: 0px 0px 25px black;
-webkit-box-shadow: 0px 0px 25px;
}
table{
font-size: 20px;
}
tr {
vertical-align: top;
}
</style>
pada disini saya menambah back ground image dengan sedikit gradasi dari tiga warna yaitu ungu biru dan kuning.. kemudian disini saya juga memberikan border dengan ketebalan 5pixel dengan warna biru tua..
berikut hasil screenshotnya
 
Image

Tinggalkan Balasan

Isikan data di bawah atau klik salah satu ikon untuk log in:

Logo WordPress.com

You are commenting using your WordPress.com account. Logout / Ubah )

Gambar Twitter

You are commenting using your Twitter account. Logout / Ubah )

Foto Facebook

You are commenting using your Facebook account. Logout / Ubah )

Foto Google+

You are commenting using your Google+ account. Logout / Ubah )

Connecting to %s

%d blogger menyukai ini: