|
You may want to change the margins for the page also. How
about changing the scrollbar color? This
can be easily added:
body
{
color: #2E2F4A;
background-color: #FFFFFF;
font-family: Arial, courier, serif;
font-size: 10pt;
margin: 0px 0px;
scrollbar-base-color: #676AAD;
}
This will remove the margin from the page completely. The
first number is for top and bottom and the second number is for right and
left. I actually could have just put 0px once since it is the same for
both, but listed both numbers in case you want different numbers for each. Now lets address links.
a:link, a:visited, a:active
{
color: #3B4071;
text-decoration: none;
background-color: transparent;
}
a:hover
{
color: #000000;
text-decoration: underline;
background-color: #D7D8E3;
}
You could separate the unvisited, visited, and active link
if you wanted them to all be different. You would do this the same as
shown with hover. The color assigns the
color of the text. text-decoration can either be none or underline,
depending on whether or not you want your links underlined. In the example
the line shows up on mouse over or hover. The background-color changes the
background of the link. See the links across the top of this page for an
example.
Be sure to upload your style sheet. When you call it in
the head section of the page, you may need to edit it's location. (i.e.
<link rel="stylesheet" type="text/css"
href="style.css" /> assumes it's at the root.) That's it for this first tutorial. This alone, can be very
helpful. Look for more tutorials soon on how to do more with your style
sheet.
Previous
|
