CSS实现类似百度搜索

1.CSS代码如下：

<style type="text/css">
        <!--
        
         p
         {
             margin:0px;
             font-family:Arial;/*定义所有字体*/
         }
         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;/*关键字颜色*/
         }
         span.quick
         {
             color:#666;  /*快照颜色*/
             text-decoration: underline;
         }
         p.title span.search
         {
             text-decoration:underline;/*标题处关键字的下划线*/
         }
        -->
    </style>

2在html body 加入：

<div>
        <p class="title">中国<span class="search">春节</span>网</p>
        <p class="content">
           春节(Spring Festival)是中国民间最隆重最富有特色 的传统节日，一般指除夕 和正月初一，又叫阴历 年，俗称“过年”。但在民间，传统 意义上的春节是指从腊月 初八的腊祭或腊月二十三或二十四的祭灶，一直到正月十五，其中以除夕和正月初一为高潮。在春节期间，我国的汉族 和很多少数民族 都要举行各种活动以示庆祝 。这些活动均以祭祀神佛 、祭奠祖先、除旧布新、迎禧接福、祈求丰年为主要内容。活动丰富多彩，带有浓郁的民族特色。
        </p>
        <p class="link">
         www.dzwindows.com <span class="quick"><a href="http://www.dzwindows.com">百度快照</a></span>
        </p>
    </div>