css设置字体间距

 时间:2024-10-11 22:49:19

1、打开html开发软件,新建一个html页面。如图:

css设置字体间距

2、在html代码页面上找到<body>标签,在这个标签里输入一个<div>,然后在<div>里添加class类并在div里输入文字。代码:<div class="font-spacing"> 春眠不觉晓 </div>

3、保存好html页面后使用浏览器打开,看一下没有设置间距时的效果。如图:

css设置字体间距

4、回到html代码页面,在<挢旗扦渌;title>标签后面写添加一个<style>标签,并在这个标签里设置font-spacing类的样式 (letter-spacing: 20px;)。代码:<style type="text/css" > .font-spacing{ letter-spacing: 20px; } </style>如图:

css设置字体间距

5、在使用浏览器打开就可以看到效果了。如图:

css设置字体间距

6、所有代码:<!DOCTYPE html><html><head><meta charset="U皈其拄攥TF-8"><title>字体间距设置</title><style type="text/css" >.font-spacing{letter-spacing: 20px;}</style></head><body><div>春眠不觉晓</div></body></html>

css设置字体间距
  • 怎么用Flash制作对女孩子表白的心形的动画
  • Flash中如何使用标尺和网格工具
  • Flash第五课——如何使用“椭圆”工具绘制圆形
  • 如何利用HTML5和CSS3制作图片列表并展示效果
  • flashcs6加代码2.0按钮的方式
  • 热门搜索
    治疗肩周炎最佳方法 最快减肥方法 扁桃体发炎怎么办最简单的方法 怎么截动图 我的世界怎么换材质包 梅菜扣肉的家常做法 苹果怎么做好吃 xlsx文件怎么打开 投资回收期怎么算 向日葵图片大全