User:Mzerez

From 2014.igem.org

(Difference between revisions)
Line 10: Line 10:
<body>
<body>
-
<h1>My CSS web page!</h1>
+
<h1>I am using this thing for a test page, everyone/h1>
<p>I am probably somewhere around here</p>
<p>I am probably somewhere around here</p>
 +
 +
<!DOCTYPE html>
 +
<html>
 +
<head>
 +
<style>
 +
ul {
 +
    list-style-type: none;
 +
    margin: 0;
 +
    padding: 15px;
 +
    float: bottom;
 +
}
 +
 +
a:link, a:visited {
 +
    display: block;
 +
    width: 100px;
 +
    padding: 15px;
 +
    background-color: #98bf21;
 +
    text-align: center;
 +
    text-decoration: none;
 +
   
 +
    color: #ffffff
 +
   
 +
}
 +
 +
a:hover, a:active {
 +
    background-color: #7A991A;
 +
}
 +
 +
p {
 +
 +
    color: #98bf21;
 +
    padding: 5px;
 +
    font-weight: bold;
 +
    font-size: 24px;
 +
    text-align: center;
 +
    display: block;
 +
 +
}
 +
 +
body {
 +
    background: url(http://i.imgur.com/f6EjE4j.jpg);
 +
    background-size: 100% 100%;
 +
    background-repeat: no-repeat;
 +
}
 +
</style>
 +
</head>
 +
<body>
 +
 +
<ul>
 +
  <li><a href="https://2014.igem.org/Team:UT-Dallas/Notebook">Notebook</a></li>
 +
  <li><a href="https://2014.igem.org/Team:UT-Dallas/Project">Project</a></li>
 +
  <li><a href="https://2014.igem.org/Team:UT-Dallas/Team">Team</a></li>
 +
  <li><a href="https://2014.igem.org/Team:UT-Dallas/Human-Practices">Human Practices</a></li>
 +
  <li><a href="https://2014.igem.org/Team:UT-Dallas/Attributions">Attributions</a></li>
 +
</ul>
 +
 +
<p>A background color is added to the links to show the link area.</p>
 +
<p>Notice that the whole link area is clickable, not just the text.</p>
 +
</body>
</body>
</html>
</html>

Revision as of 21:34, 16 October 2014

<!DOCTYPE html>

I am using this thing for a test page, everyone/h1>

I am probably somewhere around here

A background color is added to the links to show the link area.

Notice that the whole link area is clickable, not just the text.

Retrieved from "http://2014.igem.org/User:Mzerez"