• CSS(二)属性--文本设置


    HTML代码一

    <body>

        <div>这是一个很黑很黑的夜晚,黑云密布,没有任何光亮透过。卖火柴的小姑娘。。。。。。。</div>

    </body>

    CSS代码

    div{

        border:1px solid black; //长宽由div内的文字撑开

        height:200px; 

        text-align:left;                //border内文字的对齐方式,默认left,据中center

        /*对齐方式*/  CSS注释,只有这一种

        line-height:16px;             //单行文本所占高度,单行文本据中设置text-align与height高度相等

        text-indent:2em;              //缩进,em文本单位

    }

    text-align 文本对齐方式

    line-height 单行文本所占高度

    em 1em = 1 * font-size;=16px;

    HTML代码二

    <body>

        <del>原价50元</del>

        <span>原件50元</span>

        <a href="www.baidu.com">www.baidu.com</a>

        <span>www.baidu.com</span>

    </body>

    CSS代码

    span{

        text-decoration:line-through;    //等同于HTML标签del

        text-decoration:none;                //没有线,去掉线

        text-decoration:underline;          //下划线,类似网址链接的下划线

        text-decoration:overline   ;          //上划线,类似网址链接的下划线

        cursor:pointer;                             //改变鼠标光标提示类型

    }

    cursor

    pointer,help,copy......

  • 相关阅读:
    [POI2014]FarmCraft
    [POI2014]Solar Panels
    Luogu P2824 [HEOI2016/TJOI2016]排序
    CF903G Yet Another Maxflow Problem
    CF901C Bipartite Segments
    CF749E Inversions After Shuffle
    ARC068C Snuke Line
    BZOJ3747 [POI2015]Kinoman
    SA-IS
    简单字符串
  • 原文地址:https://www.cnblogs.com/xibuhaohao/p/10341399.html
Copyright © 2020-2023  润新知