Dekorasi HTML & CSS

Contoh dekorasi HTML & CSS

HTML & CSS Myscript2010 Cibeber Cimahi

<style type="text/css">
#box {
    position:relative;
    background:#444;
    width:300px;
    height:200px;
    margin:20px 25px;
}
#ribbon {
    position:absolute;
    top:15px;
    left:-20px;
    width:260px;
    height:55px;
    background:#ff2702;
    color: #F0FFFF;
    padding:30px 40px;
    font-size:40px;
    font-weight:bold;
    border-radius:9px 5px 0 0;
    box-shadow:0 0 9px #333;
    text-shadow:0 0 8px #000;
}
#ribbon:before {
    content:'';
    position:absolute;
    bottom:-20px;
    left:0;
    border-top:solid 10px #ff2702;
    border-right:solid 10px #ff2702;
    border-bottom:solid 10px transparent;
    border-left:solid 10px transparent;

#ribbon:before {
    content:'';
    position:absolute;
    bottom:-20px;
    left:0;
    border-top:solid 10px #ff2702;
    border-right:solid 10px #ff2702;
    border-bottom:solid 10px transparent;
    border-left:solid 10px transparent;
}
#ribbon:after {
    content:'';
    position:absolute;
    bottom:-20px;
    right:0;
    border-top:solid 10px #ff2702;
    border-right:solid 10px transparent;
    border-bottom:solid 10px transparent;
    border-left:solid 10px #ff2702;
}
</style>

Sumber by. Stackoverflow
Edited by. Myscript2010

SAMPLE HTML5

Contoh kode (CSS) dan (HTML)

Contoh kode (CSS) dan (HTML)

(kode CSS)

h1 {text-align: center; color: #0000FF;}

yang akan digabungkan dengan kode HTML
menjadi sebuah kalimat (Mari Belajar)

(kode HTML)

<html>
<head>
<title> Post </title>
<link rel=”stylesheet” type=”text/css” href=”css.css”>
</head>
<body> <h1>Mari Belajar </h1>
</body>
</html>

Contoh CSS dan HTML yang digabung mengunakan tag penutup
<style type="text/css"> </style>

<style type="text/css">
h1 { text-align: center; color : # 0000FF; }
</style>
<html>
<head>
<title> CSS & HTML </title>
<link rel=”stylesheet” type=”text/css” href=”css.css”>
</head>
<body> <h1>Mari Belajar </h1>
</body>
</html>

Contoh CSS dan HTML setelah digabung hasilnya menjadi

Mari Belajar

All Sources
Edited by. Myscript2010

Pelajaran Dasar Tentang Kode CSS

(CSS) : adalah Cascading Style Sheets

(CSS) Berfungsi untuk mengendalikan beberapa komponen dalam sebuah web sehingga akan lebih terstruktur dan seragam.

(CSS) bukan merupakan bahasa pemograman.

Yang dapat dikendalikan dengan (CSS) adalah Teks spasi paragraf, dan juga border margin pada tabel serta pewarnaan baik itu teks tabel maupun gambar berikut ukurannya. untuk saat ini CSS memiliki 3 Versi yaitu CSS 1 CSS 2 dan CSS 3 masing masing berfungsi untuk mendesain Website maupun Webblog.

Contoh penulisan CSS :

           h1
       {
       color: #0789de;
                 }

Penjelasan :

h1      adalah Selector Berfungsi untuk memperbesar Teks
{ }    adalah declaration penutup isi, baik pewarnaan
       border, margin, dan juga ukuran panjang lebar sebuah
         gambar yang akan ditampilkan dalam postingan

#483D8B;
        adalah property Berfungsi untuk pewarnaan yang
        diakhiri dengan titik koma ;

contoh susunan (CSS )    h1 { color: #483D8B; }

CSS dibuat oleh : World WideWeb Consortium (W3C)

All Sumber
Edited by. Myscript2010

Mari Belajar

Myscript2010

Menu

Menu Tab

Pages

Dekorasi HTML & CSS

Contoh kode (CSS) dan (HTML)

Mari Belajar

Pelajaran Dasar Tentang Kode CSS

(CSS) : adalah Cascading Style Sheets

Random Posts

Popular Posts

Blog Archive

M2010