使用CSS设置行间距，字间距

原链接：http://blog.sina.com.cn/s/blog_a03d702f01013u3q.html

字间距
1、text-indent设置抬头距离css缩进

即对，对应div设置css样式text-indent : 20px; 缩进了20px

2、letter-spacing来设置字与字间距_字符间距离，字体间距css样式

即对对应div设置css属性样式为letter-spacing:8px;，字间距为8px

行间距

在CSS中，可以设置行间距，格式如下：
标签名{line-height:参数}

根据参数不同有3种方法：
1.用数字参数设置：
   行间距＝字号×参数
2.用单位参数设置：
   行间距＝参数
3.用比例参数设置：
   行间距＝字号×参数

实例：

1.用数字参数设置：

程序代码

<html>
<style type="text/css">
<!--
    body{font-size:12pt;line-height:3}
    
-->
</style>
<head>
     <title>CSS</title>
</head>
<body>
     Welcome to Magci's BLOG!<br>
     Welcome to Magci's BLOG!<br>
     Welcome to Magci's BLOG!
</body>
</html>

2.用单位参数设置：

程序代码

<html>
<style type="text/css">
<!--
    body{font-size:12pt;line-height:3pt}
    
-->
</style>
<head>
     <title>CSS</title>
</head>
<body>
     Welcome to Magci's BLOG!<br>
     Welcome to Magci's BLOG!<br>
     Welcome to Magci's BLOG!
</body>
</html>

3.用比例参数设置：

程序代码

<html>
<style type="text/css">
<!--
    body{font-size:12pt;line-height:200%}
    
-->
</style>
<head>
     <title>CSS</title>
</head>
<body>
     Welcome to Magci's BLOG!<br>
     Welcome to Magci's BLOG!<br>
     Welcome to Magci's BLOG!
</body>
</html>

posted on 2016-01-04 11:14 hrbust_09zhangyabin 阅读(10716) 评论(0) 编辑收藏举报