现在的位置: 网页制作教程网站制作教程 >正文
CSS

css控制文本的几种效果

发表于2017/2/11 网站制作教程 0条评论 ⁄ 热度 1,063℃

文本效果可以用css控制,总结了以下几种CSS控制文本的效果。

字符距离,英文字符间的距离:

letter-spacing:normal|20px|20pt|20

段落缩排,让文章开头会自动向右缩:

text-indent:20px|20pt|200% 

行高,每一行文章之间的距离:

line-height:1.5|3|150%

依序是 预设|底线|删除线|文字上方的线|闪烁的文字:

text-decoration:none|underline|line-through|overline|blink

改变字母的大小写,依序是 预设|变小写|变大写|首字变大写:

text-transform:none|lowercase|uppercase|capitalize

水平方向对齐,依序是 向左|向右|置中|展开:

text-align:left|canter|right|justify

垂直方向对齐,text-top同top,text-bottom同botom,middel为置中:

vertical-align:baseline|sub|super|top|text-top|middle|bottom|text-bottom|120%

super为上标,当需要打平方根时可使用,sub为下标,显示化学式时可使用。

  • 暂无评论