首页 > Web开发 > 详细

css文本类型操作

时间:2017-09-19 21:51:38      阅读:245      评论:0      收藏:0      [点我收藏+]

1)控制字符的间距:

<head>
    <style type="text/css">
     body {letter-spacing:0.5px}
</style>

字符间距0.5

2)控制字符之间的行高

<head>


    <style type="text/css">
     body {line-height:100%}
</style>

行高100%

一般其他网页的行高为110%

1,这里也可以用像素设置行高,20px是其他网页的标准
2,页可以用数值表示,1是其他网页的标准

 


3)文本格式:居中,据左边\右边

<style type="text/css">
p {text-align:conter}

<style>

 

4)文本的修饰--加划线

<style type="text/css">
p {text-decoration:underline}

<style>

1,显示的是文字下面加一行下划线
2,overline 在顶上上下划线
3,line-through 一条线贯穿文本

5)文本的首行缩进

<style type="text/css">
p {text-indent:1cm}
</style>

6)字母的控制

<style type="text/css">
p {text-transform:uppcase}

<style>

1,p字段里的字母全部大写
2,lowercase全部小写
3,capitalize首字母大写

7)增加单词之间的距离

<style type="text/css">
p {word-spacing:30px}
<style>

 

 

 

css文本类型操作

原文:http://www.cnblogs.com/52forjie/p/7554036.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!