mystyle.css
body {
background-color:#FFFF66;
padding-left:15em;
}
a:link { font-family:arial; color: white;}
a:visited { font-family:arial; color: red;}
a:hover { font-family:arial; color: blue;}
ul.links{
list-style-type:none; //value=none/circle/square
margin:0
padding:0;
width:10em;
position:absolute;
top:3em;
left:0;
}
ul.links li {
margin:10px;
background:#FF9900;
border-right:1em solid black;
}
h1 { font-family: broadway; color:purple; }
.font { font-family:arial; color:purple; }
EM { font-family:arial}
Tutorial 7.html
<html>
<head>
<LINK REL = "stylesheet" TYPE = "text/css" HREF = "mystyle.css"
</head>
<body>
<ul class="links">
<li><a href=" "> Main Page </a></li>
<li><a href=" "> My Biodata </a></li>
<li><a href=" "> My Tutorial </a></li>
<li><a href=" "> My Assignment </a></li>
</ul>
<h1> My first styled page </h1>
<span class="font">
Welcome to my page! <br> <br>
It lacks images, but at least it has style. <br>
And it has links, even if they don't go anywhere... <br><br>
There should be more here, but I haven't create them yet.
</span>
<br><br><hr><br>
<EM>
<i>Published 17 February 2014 <br> by myself. </i>
<EM>
</body>
</html>
No comments:
Post a Comment