Menu


Menu Tab

Pages

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>
<div id="box"><div id="ribbon"> HTML & CSS </div>
Sumber by. Stackoverflow
Edited by. Myscript2010

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

Home Page
 
 

Copyright@2015

Copyright © Cibeber Cimahi