/* 1 */ body { font-family: Verdana, Helvetica, sans-serif; color: yellow; background: blue; } a:link { color: yellow; font: xx-large Helvetica, sans-serif; text-decoration: none; } a:visited { color: lime; font: xx-large Helvetica, sans-serif; text-decoration: none; } p { color: yellow; } #s1 { font: 80px Helvetica, sans-serif; } #p1 { top: 100px; margin-left: 100px; } #s2 { font: 80px Helvetica, sans-serif; } #p2 { top: 200px; margin-left: 100px; } #s3 { font: 80px Helvetica, sans-serif; } #p3 { top: 300px; margin-left: 100px; } #s4 { font: 80px Helvetica, sans-serif; } #p4 { top: 400px; margin-left: 100px; } /* 2 */ body { font-family: Verdana, Helvetica, sans-serif; color: yellow; background: white; } a:link { color: blue; font: xx-large Helvetica, sans-serif; text-decoration: none; } a:visited { color: teal; font: xx-large Helvetica, sans-serif; text-decoration: none; } p { color: yellow; } #s1 { color: silver; font: 100px Helvetica, sans-serif; } #p1 { top: 100px; text-align: left; } #s2 { color: blue; font: italic 90px Times, serif; } #p2 { top: 200px; text-align: right; } #s3 { color: yellow; font: 80px Verdana, sans-serif; } #p3 { top: 300px; text-align: center; } #s4 { color: red; font: bold 70px Courier, monospace; } #p4 { top: 400px; margin-right: 20%; text-align: right; } /* 3 */ body { font-family: Helvetica, sans-serif; color: yellow; background: blue; } a:link { color: yellow; font: xx-large Helvetica, sans-serif; text-decoration: none; } a:visited { color: lime; font: xx-large Helvetica, sans-serif; text-decoration: none; } div { position: absolute; color: yellow; visibility: visible; z-index: 1; } #s1 { font: 80px Helvetica, sans-serif; } #p1 { top: 100px; left: 500px; visibility: hidden; } #s2 { font: 80px Helvetica, sans-serif; } #p2 { top: 200px; left: 500px; visibility: hidden; } #s3 { font: 80px Helvetica, sans-serif; } #p3 { top: 300px; left: 500px; visibility: hidden; } #s4 { font: 80px Helvetica, sans-serif; } #p4 { top: 400px; left: 500px; visibility: hidden; } /* 4 */ body { font-family: Verdana, Helvetica, sans-serif; color: gray; background: white; } a:link { color: blue; font: xx-large Helvetica, sans-serif; text-decoration: none; } a:visited { color: teal; font: xx-large Helvetica, sans-serif; text-decoration: none; } div { position: absolute; color: yellow; visibility: visible; z-index: 1; } #s1 { color: red; font: 80px Helvetica, sans-serif; } #p1 { top: 100px; left: 600px; visibility: hidden; } #s2 { color: lime; font: 80px Times, serif; } #p2 { top: 200px; left: -200px; visibility: hidden; } #s3 { color: navy; font: 80px Helvetica, sans-serif; } #p3 { top: -200px; left: 100px; visibility: hidden; } #s4 { color: yellow; font: bold 80px Courier, monospace; } #p4 { top: 600px; left: 100px; visibility: hidden; }