CSS文本实例：规定字符间距

CSS 代码均位于 HTML 的 head 部分，这样做的目的是为了利于演示例子本身。在实际的开发中，使用 CSS 最好的方式是引用外部样式表。
这里介绍CSS文本实例：规定字符间距

步骤/方法

  • 01

    代码如下： <html> <head> <style type="text/css"> h1 {letter-spacing: -0.5em} h4 {letter-spacing: 20px} </style> </head> <body> <h1>This is header 1</h1> <h4>This is header 4</h4> </body> </html>

  • 02

    运行结果为

赞 (0)

相关推荐

  • CSS文本实例：使用数值来设置行间距

    CSS 代码均位于 HTML 的 head 部分,这样做的目的是为了利于演示例子本身.在实际的开发中,使用 CSS 最好的方式是引用外部样式表. 这里介绍CSS文本实例:使用数值来设置行间距 步骤/方 ...

  • 如何设置SmartArt图形文本等高字符和字符间距

    操作步骤如下所述： 第1步，打开Word2010文档窗口，在SmartArt图形中双击特定文本使其处于选中状态。 第2步，右键单击被选中的文本，在打开的快捷菜单中选择“字体”命令，如图20110703 ...

  • 设置SmartArt图形文本等高字符和字符间距

    Word2010文档中的SmartArt图形文本有时需要设置字符间距、等高字符、上标、下标和下划线等字体效果，此时可以借助“字体”对话框来实现，操作步骤如下所述： 第1步，打开Word2010文档窗口 ...

  • 怎样在Word2013中设置字符间距

    怎样在Word2013中设置字符间距

    第1步,打开Word2013文档窗口,选中需要设置字符间距的文本块.在"开始"功能区的"字体"分组中单击显示字体对话框按钮. 第2步,在打开的"字体& ...

  • Word2013中设置SmartArt字符间距和上下标

    第1步，打开Word20103文档窗口，在SmartArt图形中双击特定文本使其处于选中状态。 第2步，右键单击被选中的文本，在打开的快捷菜单中选择“字体”命令，如图0所示。 图0 选择“字体”命令 ...

  • wps2016怎么缩小字符间距

    方法一: 1.选中要修改间距的段落 2.在选中的文代会鼠标右键,段落 3.在段落窗口中,行距项 进行设置 方法二: 首先打开wps文字选中需要调整行距的文字. 在选中的文字区域点击鼠标右键,在弹出的菜 ...

  • Word中的字符间距怎么设置呢?

    设置字符间距最简单的办法是在字符之间敲空格,但是该方法费时费力,且字符间距很难均匀,且字符较多时很难操作,下面介绍一种简单方法,不会的朋友可以参考本文,来看看吧. 步骤 1.选择需要设置间距的文本,右 ...

  • Word2007怎么设置文档字符间距

    很多网友在利用Word编辑文档时,需要通过设置Word文档中的字符间距,使Word文档的页面布局更符合实际需要.那么我们如何在在Word2007中设置字符间距呢?今天小编就教大家怎么Word2007怎 ...

  • word中字符间距怎么设置呢?

    设置字符间距最简单的办法是在字符之间敲空格,但是该方法费时费力,且字符间距很难均匀,且字符较多时很难操作,下面介绍一种简单方法,来看看怎么操作吧. 步骤: 1.选择需要设置间距的文本,右键选择“字体” ...