在CSS里用什么属性可以设置文字之间的间隔

  • 原创
  • |
  • 浏览:1063
  • |
  • 更新:

在css中,我们想要设置文字之间的间隔,主要通过letter-spacing属性来实现。接下来小编用例子来跟大家分析在CSS里用什么属性可以设置文字之间的间隔。

在CSS里用什么属性可以设置文字之间的间隔

工具/原料

  • html+css
  • 代码编辑器:Dreamweaver

方法/步骤

  1. 1

    新建一个html文件,我们把他命名为test.html,接下来我们用test.html来讲解一下,在CSS里用什么属性可以设置文字之间的间隔。

    在CSS里用什么属性可以设置文字之间的间隔
  2. 2

    在test.html文件内,要使用到div标签创建一行文字,文字内容写上“在CSS里用什么属性可以设置文字之间的间隔”

    在CSS里用什么属性可以设置文字之间的间隔
  3. 3

    给div标签加上一个样式,样式名称为myzjg,目的是通过这个样子来设置文字之间的属性。

    在CSS里用什么属性可以设置文字之间的间隔
  4. 3
    此文章未经授权抓取自百度经验
  5. 4

    编写css样式<style type="text/css"></style>标签,myzjg样式将会写在该标签内。

    在CSS里用什么属性可以设置文字之间的间隔
  6. 5

    在css样式标签里,通过myzjg样式来设置文字的之间间隔。

    在CSS里用什么属性可以设置文字之间的间隔
  7. 6

    在css样式标签里,在括号内,把myzjg的div设置css属性样式为letter-spacing:8px;意思是字间距为8px。8px这个可以根据你想要多宽来设置。

    在CSS里用什么属性可以设置文字之间的间隔
  8. 7

    最后在浏览器打开test.html网页,看看效果。

    在CSS里用什么属性可以设置文字之间的间隔
    END

注意事项

  • 1、首先创建一个test.html页面。
  • 2、在test.html里,使用到div标签创建一行文字,并加上样式名称。
  • 3、在css中,将myzjg的样式为letter-spacing:8px;写在标签里。
经验内容仅供参考,如果您需解决具体问题(尤其法律、医学等领域),建议您详细咨询相关领域专业人士。
作者声明:本篇经验系本人依照真实经历原创,未经许可,谢绝转载。
展开阅读全部