使用CSS设置行间距,字间距.

字间距
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>

使用CSS设置行间距,字间距.,古老的榕树,5-wow.com

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。