Flower Gallery Tugas 3

Berikut ini adalah koding dari flower Gallery tugas 3 Dalam algoritma 
Lets Check it out :)

Contoh:


#image
{
background-image:url("o.jpg");
padding-left:200px;
height:250px;
}
#header {
background-color:#000000;
color:dimgray;
text-align:center;
padding:5px;
padding-left:150px;
}
#nav {
line-height:30px;
height:250px;
width:200px;
float:left;
padding:5px;
}
#section{
width:400px;
float:left;
padding:5px;
}
#footer {
background-color:#000000;
color:white;
clear:both;
text-align:center;
padding:5px;
}

ul{
list-style-type: none;
margin: 0;
padding:0;
overflow: hidden;
}

li{
float: left;
}

a:link, a:visited{
display: block;
width: 120px;
font-weight: bold;
color: #ffffff;
background-color: #0;
text-align: center;
padding: 4px;
text-decoration: none;
text-transform: uppercase;
}

a:hover, a:active {
background-color: #7A99LA;

Kemudian hasil dari koding diatas seperti di bawah ini :)