模仿百度搜索

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="Content-Type" content="text/html; charset=gb2312" />
    <title>百度搜索</title>
    <link href="百度搜索.css" type="text/css" rel="stylesheet" />
</head>

<body>
    <table>
        <tr>
            <td class="left">
            <p class="title">中国春节网</p>
            <p class="content">欢迎光临中国<span class="search">春节</span>网，您现在的位置是中国春节网首页！“年兽”的传说 熬
                年的传说 万年创建历年说 中国
                古代历法发展 春节：传统和现代 元宵灯节来源于何时？猜灯谜的由来 十二生肖的源流、排列与信仰 祭灶 扫尘 贴春联 年画
                倒贴福字 除夕夜欢迎光临中国春节网，您现在的位置是中国春节网首页！“年兽”的传说 熬年的传说 万年创建历年说 中国
                古代历法发展 春节：传统和现代 元宵灯节来源于何时？猜灯谜的由来 十二生肖的源流、排列与信仰 祭灶 扫尘 贴春联 年画
                倒贴福字 除夕夜...</p>
                  <p class="link" href="#">chunjie.net.cn/46K 2006-12-17-百度快照</p>
            </td>
            <td>
                <p class="title">中国春节网</p>
                <p class="content">欢迎光临中国<span class="search">春节</span>网，您现在的位置是中国春节网首页！“年兽”的传说 熬
                    年的传说 万年创建历年说 中国
                    古代历法发展 春节：传统和现代 元宵灯节来源于何时？猜灯谜的由来 十二生肖的源流、排列与信仰 祭灶 扫尘 贴春联 年画
                    倒贴福字 除夕夜欢迎光临中国春节网，您现在的位置是中国春节网首页！...</p>
                <p class="link" href="#">chunjie.net.cn/46K 2006-12-17-百度快照</p>
            </td>
        </tr>

        <tr>
            <td class="left">
            <p class="title">喜迎2016春节网_TOM新闻</p>
            <p class="content">虽然<span class="search">春节</span>年年过,但仍有许多人以为,过春节就仅仅是大年三十这一天的时间,
                因此,除了对除夕这一天的习俗
                特别熟悉以外,其他与春节相关联的习俗,慢慢地也就变得模糊欢迎光临中国春节网，您现在的位置是中国春节网首页！“年兽”
                的传说 熬年的传说 万年创建历年说 中国 古代历法发展 春节：传统和现代 元宵灯节来源于何时？猜灯谜的由来 十二生肖的
                源流、排列与信仰 祭灶 扫尘 贴春联 年画
                倒贴福字 除夕夜...</p>

             <p class="link" href="#">
                    http://news.tom.com/2016/2016cj/index.html?source=HP_TOPIC 2016-12-17-百度快照</p>
            </td>
            <td>
                <p class="title">喜迎2016春节网_TOM新闻</p>
                <p class="content">虽然<span class="search">春节</span>年年过,但仍有许多人以为,过春节就仅仅是大年三十这一天的时间,
                    因此,除了对除夕这一天的习俗
                    特别熟悉以外,其他与春节相关联的习俗,慢慢地也就变得模糊欢迎光临中国春节网，您现在的位置是中国春节网首页！“年兽”
                    的传说 熬年的传说 万年创建历年说 ...</p>

                <p class="link" href="#">
                    http://news.tom.com/2016/2016cj/index.html?source=HP_TOPIC 2016-12-17-百度快照</p>
            </td>
        </tr>

        <tr>
            <td class="left">
            <p class="title">春节_百度百科</p>
            <p class="content"><span class="search">春节</span>是指汉字文化圈传统上的农历新年，俗称“年节”，传统名称为新年、大
                年、新岁，但口头上又称度岁、
                庆新岁、过年。中国人过春节已有4000多年的历史。在现代，人们把春节定于农历正月初一，但一般至少要到正月十五（上元
                节）新年才算结束，在民间，传统意义上的春节是指从腊月的腊祭或腊月二十三或二欢迎光临中国春节网，您现在的位置是中
                国春节网首页！“年兽”的传说 熬年的传说 万年创建历年说 中国
                古代历法发展 春节：传统和现代 元宵灯节来源于何时？猜灯谜的由来 十二生肖的源流、排列与信仰 祭灶 扫尘 贴春联 年画
                倒贴福字 除夕夜...</p>

            <p class="link" href="#">
                http://news.tom.com/2016/2016cj/index.html?source=HP_TOPIC 2016-12-17-百度快照</p>
            </td>
            <td>
                <p class="title">春节_百度百科</p>
                <p class="content"><span class="search">春节</span>是指汉字文化圈传统上的农历新年，俗称“年节”，传统名称为新年、大
                    年、新岁，但口头上又称度岁、
                    庆新岁、过年。中国人过春节已有4000多年的历史。在现代，人们把春节定于农历正月初一，但一般至少要到正月十五（上元
                    节）新年才算结束，在民间，传统意义上的春节是指从腊月的腊祭或腊月二十三或二欢迎光临中国春节网，您现在的位置是中
                    国春节网首页！...</p>

                <p class="link" href="#">
                    http://news.tom.com/2016/2016cj/index.html?source=HP_TOPIC 2016-12-17-百度快照</p>
            </td>
        </tr>
    </table>

</body>
</html>

p{
    margin:0px;
    font-family: Arial;

}
p.title{
    font-size:16px;
    padding-bottom: 0px;
    text-decoration-line: underline;
    color: dodgerblue;

}

p.content{
    font-size:13px;
    line-height: 18px;
    padding-top: 4px;

}

p.link{
    font-size:15px;
    padding-bottom: 25px;
    color: #1e90ff;
}
p.link:hover {
    color: #f276ff;
   }
span.search{
    color: #f276ff;
    text-decoration-line: underline;
}
.left{
    width:160%;
    margin-left: 4px;
    padding-right: 14px;

}

猜你喜欢