zoukankan      html  css  js  c++  java
  • 第十一章 段落实例

    <html>
    <head>
    <title>段落实例:Baidu搜索</title>
    <style>
    <!--
    p{
        margin:0px;       /*各个段落之间的距离*/
        font-family:arial;
    }
    p.title{
        padding-bottom:0px;
        font-size:16px;
    }
    p.content{
        padding-top:5px;    /*标题与内容的距离*/
        font-size:13px;
        line-height:18px;
    }
    p.link{
        font-size:13px;
        padding-bottom:25px;
        color:#008000;
    } 
    span.search{
        color:#c60a00;                     /*关键字颜色*/
    }
    
    span.quick{
        color:#666666;                    /*快照颜色*/
        text-decoration:underline;             /*快照下划线*/
    }
    p.title span.search {
        text-decoration:underline;       /*标题处关键字的下划线*/
    }
    -->
    </style>
    </head>
    <body>
    <p class="title"><a href="#">中国<span class="search">春节</span>网</a></p>
    <p class="content">欢迎光临中国春节网,您现在的位置是中国<span class="search">春节</span>网首页!“年”兽的传说 熬年的传说 万年创建历法说 中国古代历法发展 <span class="search">春节</span>:传统和现代 元宵灯节源于何时?猜灯谜的来由 十二生肖的源流、排列与信仰......</p>
    <p class="link">www.chunjie.net.cn/46k 2006-12-18-<span class="quick">百度快照</span></p>
    </body>
    </html>
  • 相关阅读:
    微信小程序-rpx
    vue项目页面切换到默认显示顶部
    访问formData的数据
    vue图片懒加载
    react+umi+dva
    switch判断中,case后面跟逻辑表达式出错
    给2020做一个小结
    react+next.js遇到的问题及解决
    域名相关(结构与规范)
    react+antd一边踩坑一边积累
  • 原文地址:https://www.cnblogs.com/Cassiel-685/p/4383832.html
Copyright © 2011-2022 走看看