|
Server IP : 172.16.15.8 / Your IP : 3.138.134.221 Web Server : Apache System : Linux zeus.vwu.edu 4.18.0-553.27.1.el8_10.x86_64 #1 SMP Wed Nov 6 14:29:02 UTC 2024 x86_64 User : apache ( 48) PHP Version : 7.2.24 Disable Function : NONE MySQL : OFF | cURL : ON | WGET : ON | Perl : ON | Python : ON Directory (0705) : /home/rlbarner/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
body
{
background-color:#EDC9AF;
text-align:center;
font-family:"Georgia";
background-image:url('http://www.alisal.com/data/spatreatments/herbal_compress_treatment.jpg');
background-repeat:no-repeat;
background-position:right bottom;
}
h1
{
text-align:center;
font-family:"Candara";
}
h2
{
text-align:center;
font-family:"Trebuchet MS";
}
<html>
<head>
<style>
ul
{
list-style-type:none;
margin:0;
padding:0;
padding-top:6px;
padding-bottom:6px;
}
li
{
display:inline;
}
a:link,a:visited
{
font-weight:bold;
color:#FFFFFF;
background-color:#98bf21;
text-align:center;
padding:6px;
text-decoration:none;
text-transform:uppercase;
}
a:hover,a:active
{
background-color:#7A991A;
}
</style>
</head>
<body>
<ul>
<li><a href="#home">Home</a></li>
<li><a href="#news">News</a></li>
<li><a href="#contact">Contact</a></li>
<li><a href="#about">About</a></li>
</ul>
<p><b>Note:</b> If you only set the padding for a elements (and not ul), the links
will go outside the ul element. Therefore, we have added a top and bottom padding for
the ul element.</p>
</body>
</html>