ksnr.us

Ruang Belajar Teknologi Terkini Dan Terpopuler

HTML CV CSS

HTML CV CSS

HTML CV CSS
HTML CV CSS

 

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

Baca Juga :