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

时间:2023-03-09 09:53:02
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......