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如何设置字间距的详细内容，更多文章请关注木庄网络博客！

相关阅读 >>

jquery怎么取消css样式

css网页布局是什么

详解angular中为html元素添加css类的几种方式

a标签怎么去掉下划线

css中怎么把图片设置居右

利用css变量来提高灵巧布局效率的小技巧

css怎么改变鼠标形状

html怎么取消有序列表的序号

css搜索框怎么写

如何定义项目列表css

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




标签：

打赏

取消

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

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

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

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

相关推荐

评论

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