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......

 

 posted on 2019-01-31 12:02  xibuhaohao  阅读(137)  评论(0编辑  收藏  举报