Here are my attempts at CSS so far.
Creating a horizontal menu
li{display:inline;}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:green;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300;}
li {display:inline;}
Creating a Styled Heading
h1
{
font:40px Lucida Calligraphy,serif;
}
h1 {text-align:left}
h1 {color:#663300;}
hr {height:5px}
hr {color:#556B2F;}
Creating a horizontal menu
li{display:inline;}
ul
{
float:left;
width:100%;
padding:0;
margin:0;
list-style-type:none;
}
a
{
float:left;
width:6em;
text-decoration:none;
color:white;
background-color:green;
padding:0.2em 0.6em;
border-right:1px solid white;
}
a:hover {background-color:#ff3300;}
li {display:inline;}
Creating a Styled Heading
h1
{
font:40px Lucida Calligraphy,serif;
}
h1 {text-align:left}
h1 {color:#663300;}
hr {height:5px}
hr {color:#556B2F;}
Comments
Post a Comment