模仿“百度”及 改变按钮、文本框样式（CSS）

效果请看『附件』。-_-

< !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=utf-8" />
< title >BaiDu </title>
< style type ="text/css" >
<!--
    p{
  margin:0px;
  font-family:Arial, Helvetica, sans-serif;
    }
    p.title{
  padding-bottom:0px;
  font-size:16px;
  }
    p.content{
  padding-top:3px;
  font-size:13px;
  line-height:18px;
  }
    p.link{
    font-size:13px;
    padding-bottom:25px;
    color:#008000;
    }
    span.search{
  color:#c60a00;
  text-decoration:underline;
  }
    span.quick{
  text-decoration:underline;
  color:#666666;
  }
    .btn{ /*将按钮做成类似文字的样式*/
  border:0px;
  background-color:transparent;
  text-decoration:underline;
    }
    .txt{ /*将文本框做成横线的样式*/
  border-bottom:1px solid #005aa7;
  color:#005aa7;
  background-color:transparent;
  border-left:0px;
  border-right:0px;
  border-top:0px;
  }
-->
</style>
</head>

< body >
< p class ="title" > < a href ="#" > < span class ="search" >拉萨 </span>3-14打砸抢烧事件-搜狐视频 </a> </p>
< p class ="content" >达赖所谓"中国军人扮喇嘛"照片实为拍电影 日前,有国外媒体称:有中国军人扮成僧侣,并刊登出一幅“数十名武警手里抱着喇嘛的僧袍”的照片。 < span class ="search" >拉萨 </span>据确认,这是一张2001年拍摄的照片,与"3.14打、砸、抢、烧”严重暴力事件完全无关…[详细] ... </p>
< p class ="link" >tv.sohu.com/s2008/xizang/ 60K 2008-4-6 - < span class ="quick" >百度快照 </span> </p>
< input type ="submit" name ="bt_submit" value ="提交》" class ="btn" />
< input type ="text" name ="txt_box" class ="txt" />
</body>
</html>