HTML文本样式

设置文本首行缩进

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:基线对齐

  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值