HTML文本样式

╰+哭是因爲堅強的太久メ 2024-03-27 16:32 158阅读 0赞

设置文本首行缩进

text-indent: em/px；

em：是指当前字体的大小（1em就是当前一个字体大小）。

设置字与字之间的间距

letter-spacing: px;

设置单词与单词之间的间距

word-spacing: px;

设置文本的对齐方式

text-align:left/right/center/justify;

left：左对齐，默认

right：右对齐

center：居中对齐

justify：二端对齐

设置文本修饰：

text-decoration:none/line-through/underline/ovweline;

none：取消文本修饰

line-through：删除线

underline：下划线

overline：上划线

设置背景颜色

background-color： 具体颜色;

设置溢出内容的显示

overflow:hidden/auto/scroll;

hidden：溢出内容隐藏

auto：按需求生成滚动条

scroll：生成滚动条

overflow-x：设置水平方向的溢出

overflow-y：设置垂直方向的溢出

设置文本溢出的显示样式

text-overflow:ellipsis/clip;

ellipsis：省略号

clip：剪切

设置文字阴影

text-shadow：x y blur color；

x：在水平方向的偏移量，正值向右

y：在垂直方向的偏移量，正值向下

blur：设置阴影的模糊范围

例：text-shadow: 2px 2px 2px red;

设置边框

border: x solid/dashed/dotted/double color;

x：边框宽度

solid：实线

dashed：虚线

dotted：圆点虚线

double：双线

例：border: 1px solid pink;（1像素粉色实线）

设置文本行高

line-height:height;

设置文本水平垂直居中

text-align: center;

设置文字与图片对齐方式

vertical-align:bottom/top/baseline;

bottom：底部对齐

op：顶部对齐

baseline：基线对齐

发表评论

表情：
评论列表 （有 0 条评论，158人围观）

还没有评论，来说两句吧...

相关阅读

    相关 CSS文本样式

    水平对齐（text-align） 可选值：left 左侧对齐，right 右侧对齐 ，center居中对齐 ，justify 两端对齐 垂直对齐（vertical-a

    港控/mmm°港控/mmm°/ 0 赞/ 312 阅读