Friday 20 April 2018

Membuat Header

Assalamu'alaikum warohmatulloh wabarokatuh sobat saya punya code css untuk
 membuat Header jika sobat mau belajar ini code nya


<html>
<head>
<title>Belajar Membuat Header</title>
<style>
body {
  margin: 0;
}

/* Style the header */
.header {
    background-color: #000000;
    padding: 30px;
    text-align: center;
}
/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #333;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #f2f2f2;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #ddd;
    color: black;
}


.leftlinks { 
border:2px solid #22476C; 
padding:5px; 
margin:5px; 
text-align:middle; 
background-color:#4C86C0; 
width:185px;
}
</style>
</head>
<body>

<div class="header" style="background-color: #ff9900; color: #333333; font-style: italic; font-weight: bold;">
  <h1>
Header</h1>
</div>
<div class="topnav">
  <a href="#">Link</a>
  <a href="#">Link</a>
  <a href="#">Link</a>
</div>
</body>
</html>

# ganti dengan link sobat
selamat belajar

Alhamdulillah catatan sederhana Membuat Header telah selesai mohon maaf jika
ada kesalahan wasalamu'alaikum warohmatulloh wabarokaatuh



No comments:

Post a Comment