Hello World -- CSS应用

来源：互联网发布：java生成短信验证码编辑：程序博客网时间：2024/06/09 16:40

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
<title>Hello World</title>
<style type="text/css" media="all">
   body
   {
      text-align:center;
   margin: 0px auto;
   width:778px;
   background:#3399CC;
   font-family: '宋体','新宋体',arial,verdana,sans-serif;
   font-size:62.5%;
   }
   pre {
text-indent:0;
background:#DDDDDD;
padding:0.5em 1em;
margin:0;
margin-right:1em;
color:blue;
}
a {
margin: 0px;
padding:0px;
border: 0px;
text-decoration:none;
}
a:link {
color: #E66133;
}

a:visited{
color: #E66133;
}
a:hover{
color: #637DBC;
text-decoration: underline;
}

#top
{

height: 1.2em;
background: url(images/bg_top1.gif) #fff repeat-x left top;
overflow:hidden;

}
#css8
{
    padding: 1.2em 0px;
background: url(images/bg_dot1.gif) #fff repeat left top;
text-align: left;

}
#css8_content
{
    width: 93%;
margin-right: auto;
margin-left: auto;
padding: 1em;
background: #fff;
}
#css8_title
{
    font-weight: bold;
margin: 0px 0px 0.5em 0px;
padding:0.5em 0px 0.5em 1em;
font-size: 2.4em;
color: #00A06B;
border-bottom: solid #9EA3C1 2px;
}
.css8_sub {
color: #00A06B;
font-weight:bold;
font-size: 1.3em;
text-align: left;
padding:1em 2em 0;
background: url(images/0.gif) #fff no-repeat 1em 74%;

}
.css8_content {
text-indent:2em;
font-size:1.3em;
margin-left:2em;
padding:1em 6px;
}
#gotop{
width: 100%;
margin: 0px;
padding: 0px;
background: #fff;
height: 2em;
font-size: 12px;
text-align: right;
}
#footer
{
    clear: both;
padding: 0px;
background: url(images/bg_bottom.gif) #fff repeat left top;
height: 39px;
color: #ddd;
}
#copyright
{
font-size:1.6em;
color:#667EBE;
}
.box { background: url(images/nt.gif) repeat; }
.tl { background: url(images/tl.gif) no-repeat top left; }
.tr { background: url(images/tr.gif) no-repeat top right; }
.bl { background: url(images/bl.gif) no-repeat bottom left; }
.br { background: url(images/br.gif) no-repeat bottom right; }

</style>
</head>
<body>
<div id="top"></div>
<div id="top1"><img src="images/bg_top.jpg" width="100%" height="121" /></div>
<div id="css8">
<div id="css8_content">
    <div id="css8_title"> Hello World -- 您的第一个程序 </div>
    <div class="css8_sub">实例</div>
    <div class="box">
      <div class="tl">
        <div class="tr">
          <div class="bl">
            <div class="css8_content br"> 以下控制台程序是传统“Hello World!”程序的 C# 版，该程序显示字符串 Hello World!。
              <pre>using System;
// A "Hello World!" program in C#
namespace HelloWorld
{
    class Hello
    {
        static void Main()
        {
            System.Console.WriteLine("Hello World!");
        }
    }
}</pre>
<blockquote style="background-color:#f7f7f7;border:1px dotted #dedbde;padding:10px;">这是一个引用样式的例子</blockquote>
            </div>
          </div>
        </div>
      </div>
    </div>
    <div id="gotop"><a title="跳到页首" href="#top">返回顶部</a></div>
</div>
</div>
<div id="footer"></div>
<div id="copyright"> ©2007 <a href="http://www.csdn.cn" target="_black" >csdn.cn</a> all rights reserved </div>
</body>
</html>