当前位置:Gxlcms > html代码 > CSS文本_html/css_WEB-ITnose

CSS文本_html/css_WEB-ITnose

时间:2021-07-01 10:21:17 帮助过:29人阅读

目录

[1]文字阴影 [2]首行缩进 [3]水平对齐 [4]垂直对齐 [5]字间隔 [6]字母间隔 [7]文本转换 [8]文本修饰 [9]空白符 [10]文本换行 [11]文本溢出 [12]文本方向

文字阴影(IE8-不支持)

text-shadow:none(默认)text-shadow:[颜色color] x轴位移(x-offset) y轴位移(y-offset) 模糊半径(blur-radius),*

  [注意]不要加太多层阴影,会有性能问题

【文字阴影代码查看】

首行缩进

text-indent:0(默认值)text-indent:具体值(可以为负值)text-indent:x%(相对于包含块的宽度)text-indent:2em(2个汉字的字体大小)

  [注意]text-indent只可用于块级元素,且可继承

【悬挂缩进】

div{    width: 200px;    border: 1px solid black;    text-indent: -1em;//关键代码    padding-left: 1em;//关键代码}

【首字下沉】