css如何设置字间距

PHP中文网 JavaScript

本文摘自PHP中文网，作者醉折花枝作酒筹，侵删。

在css中，可以使用“letter-spacing”属性设置字间距，语法“letter-spacing:间距值”。letter-spacing属性增加或减少字符间的空白，该属性定义了在文本字符框之间插入多少空间。

本教程操作环境：windows7系统、CSS3&&HTML5版、Dell G3电脑。

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

示例：

1

2

3

4

5

6

7

8

9

10

11

12

13

14

15

16

17

18

19

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>document</title>

<style>

    h1 {

        letter-spacing:2px;

        }

    h2 {

        letter-spacing:-3px;

        }

</style>

</head>

<body>

    <h1>这是一段文字</h1>

    <h2>这也是一段文字</h2>

</body>

</html>

结果：

XYY(JX89DW5I}~E9~EX1%V5.png

推荐学习：css视频教程

以上就是css如何设置字间距的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

css中大于符号是什么意思

css text-decoration-color属性怎么用

css高度设置百分比不生效怎么办

css中如何禁用a标签按钮

css solid什么意思

css如何控制输出字数

两分钟带你了解在css中三种使图片居中的方法

css是用来做什么的?

css如何禁止元素的点击事件

css实现卡片式图片效果

更多相关阅读请进入《css》频道 >>




标签：

打赏

取消

感谢您的支持，我会继续努力的!

扫码支持
扫码打赏，您说多少就多少

打开支付宝扫一扫，即可进行扫码打赏哦

分享从这里开始，精彩与您同在

相关推荐

评论

管理员已关闭评论功能...