[ホーム] -> [CSS 実験室] |
このソースをダウンロードする。
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd"> <html lang="en"> <head> <meta http-equiv="Content-Type" content="text/html;charset=iso-8859-1"> <meta http-equiv="Content-Style-Type" content="text/css"> <link rev="made" href="mailto:hizuya@hizlab.net"> <title>Cascading Style Sheets</title> <style type="text/css"> <!-- #css1 { color: #F0F0F0; margin-top: 20px; margin-left: 8px; font-size: 170px; font-style: italic; font-family: Impact; text-align: center; } #css2 { color: #DDDDFF; margin-top: -215px; font-size: 170px; font-style: italic; font-family: Impact; text-align: center; } .main { color: #2FB3BA; font-size: 48px; font-weight: bold; font-family: Times New Roman; } .main1 { color: #007F8B; margin-top: 0px; font-size: 48px; font-weight: bold; font-family: Times New Roman; } .main2 { color: #007F8B; margin-top: 0%; font-size: 48px; font-weight: bold; font-family: Times New Roman; } #wnew { color: #7777FF; margin-top: -130px; margin-left: 24%; font-size: 24px; font-weight: bold; font-family: Vendana; text-align: left; } #dynamic { color: #A300FF; margin-top: 100px; margin-right: 5%; font-size: 24px; font-weight: bold; font-style: italic; font-family: Georgia; text-align: right; } #mes1 { color: #A000CC; margin-top: 20px; margin-right: 20%; margin-left: 20%; line-height: 140%; font-size: 16px; font-weight: bold; font-style: italic; font-family: Comic Sans MS; text-align: center; text-decoration: underline; } #mes2 { color: #B39CB3; margin-top: 5%; margin-left: 20%; line-height: 120%; font-size: 12px; font-weight: bold; font-style: italic; font-family: Georgia; text-align: right; } .center { margin-top: -160px; text-align: center; } A:link {color: #0000FF;} A:active {color: #8CC0FF;} A:visited {color: #9000AF;} --> </style> <link rev=MADE href="mailto:hizuya@hizlab.net"> </head> <body style="background: #FFFFFF url(../../images/backtile.gif)"> <div id="css1">CSS</div> <div id="css2">CSS</div> <div class="center"> <span class="main1">C</span><span class="main">ascading</span><br> <span class="main2">S</span><span class="main">tyle </span><span class="main2">S</span><span class="main">heets</span> </div> <div id="wnew">What's new?</div> <div id="dynamic">dynamic HTML, dynamic style</div> <div id="mes1"> "Hopefully, future Web innovations will emulate the example set by the Web Consortium in its work on CSS"<br> --Jakob Nielsen </div> <div id="mes2"> "Stylesheets are just plain good for everybody"<br> --Simson Garfinkel, HotWired </div> <div> <!-- CSS href="http://www.w3.org/Style/CSS/" --> <img src="../../images/cssos.gif" alt="CSS" width="83" height="31"> </div> </body> </html>
この HTML を表示する。