源码论坛公告:本站是一个交流学习建站资源的社区论坛,旨在交流学习源码脚本等资源技术,欢迎大家投稿发言! 【点击此处将锦尚放在桌面

源码论坛,商业源码下载,尽在锦尚中国商业源码论坛

 找回密码
 会员注册

QQ登录

只需一步,快速开始

查看: 1967|回复: 0

[CSS/Html] css怎么设置文字间距

[复制链接]

3113

主题

3515

帖子

13万

金币

超级版主

Rank: 8Rank: 8

积分
276079
发表于 2023-6-3 15:05:10 | 显示全部楼层 |阅读模式
css中可以使用letter-spacing属性来设置文字间距,只需要给文字元素添加“letter-spacing:length值;”样式即可。letter-spacing属性用于增加或减少字符间的空白;允许使用负值,但会让字母间挤得更紧。

css设置文字间距

在CSS中,调整字与字之间的间距的属性是letter-spacing,你通过更改标签的letter-spacing属性值来设置标签内字与字之间的间距。

letter-spacing 属性增加或减少字符间的空白(字符间距)。

该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。因此,normal 就相当于值为 0。【推荐教程:CSS视频教程】

注释:允许使用负值,这会让字母之间挤得更紧。

示例:
  1. <!DOCTYPE html>

  2. <html>

  3.     <head>

  4.         <meta charset="utf-8">

  5.         <style>

  6.             h1 {

  7.                 letter-spacing: 3px;

  8.             }

  9.             

  10.             h2 {

  11.                 letter-spacing: -3px;

  12.             }

  13.             div{

  14.                 letter-spacing: 3px;

  15.             }

  16.             p{

  17.                 letter-spacing: -3px;

  18.             }

  19.         </style>

  20.     </head>



  21.     <body>

  22.         <h1>This is heading 1</h1>

  23.         <h2>This is heading 2</h2>

  24.         <div>这是一段测试文本!</div>

  25.         <p>这是一段测试文本!</p>

  26.     </body>



  27. </html>
复制代码

效果图:



您需要登录后才可以回帖 登录 | 会员注册

本版积分规则

锦尚中国源码论坛

聚合标签|锦尚中国,为中国网站设计添动力 ( 鲁ICP备09033200号 ) |网站地图

GMT+8, 2024-7-20 03:04 , Processed in 0.151077 second(s), 25 queries .

带宽由 锦尚数据 提供 专业的数据中心

© 锦尚中国源码论坛 52jscn Inc. 非法入侵必将受到法律制裁 法律顾问:IT法律网 & 褚福省律师 锦尚爱心 版权申诉 版权与免责声明