html2/exercise1.html at solution · code61/html2

38 lines (32 loc) · 1.09 KB

<!DOCTYPE html>

<html>

<head>

<title>CSS Exercises 1</title>

<style>

p {

color: blue;

font-family: 'Helvetica';

font-size: 16px;}

h1 {color: red;}

ul li {background-color: yellow;}

h2 {color: green; background-color: orange;}

ol li {background-color: teal;}

</style>

</head>

<body>

<p>I am a paragraph I should be blue, Helvetica, size 16px.</p>

<ul>

<li>This is an unordered list.</li>

<li>All items in this list should have a yellow background.</li>

<li>Just the items though - not the whole list!</li>

</ul>

<h2>Make me green on an orange background</h2>

<p>I am a paragraph I should be blue, Helvetica, size 16px.</p>

<ol>

<li>This is an ordered list.</li>

<li>All items in this list should have a fuscia background.</li>

<li>Just the items thought - not the whole list!</li>

</ol>

</body>

</html>

Provide feedback