Google風エラーメッセージ＆カラーリング

Googleのカラーリングは様々なインパクトがある。ちょっと真似てみよう。

スポンサードリンク

これが真似てみたところ。

コードは以下のとおり。


 <head>
 <meta http-equiv="content-type" content="text/html;charset=utf-8">
 <title>404 Not Found</title>
 <style><!--
 body {font-family: arial,sans-serif}
 //--></style>
 </head>
 <body text=#000000 bgcolor=#ffffff>
 <table border=0 cellpadding=2 cellspacing=0 width=100%>
 <tr>
 <td rowspan=3 width=1% nowrap>
 <b>
 <font face=times color=#0039b6 size=10>C</font>
 <font face=times color=#c41200 size=10>a</font>
 <font face=times color=#f3c518 size=10>s</font>
 <font face=times color=#0039b6 size=10>e</font>
 <font face=times color=#30a72f size=10>y</font>
 <font face=times color=#c41200 size=10>!</font>

 </b>
 </td>
 <td> </td>
 </tr>
 <tr>
 <td bgcolor="#3366cc">
 <font face=arial,sans-serif color="#ffffff">
 <b>Error</b>
 </font>
 </td>
 </tr>
 <tr>
 <td> </td>
 </tr>
 </table>
 <blockquote>
 <H1>Not Found</H1>
 The requested URL <code>/</code> was not found on this server.
 <p></p>
 </blockquote>
 <table width=100% cellpadding=0 cellspacing=0>
 <tr>
 <td bgcolor="#3366cc"><img alt="" width=1 height=4></td>
 </tr>
 </table>
 </body>
</html>