CSS:设置字母间距、中文汉字间距

简介: CSS:设置字母间距、中文汉字间距

CSS:设置字母间距、中文汉字间距

一、 letter-spacing:设置汉字间字间距或者英文单词中每个字母的间距

.box{
       letter-spacing: 10px;
      /* 取正值:字符之间的距离变大;取负值:字符之间的距离变小 */
     }
<div class="box">
      忳郁邑余侘傺兮,吾独穷困乎此时也,宁溘死以流亡兮,余不忍为此态也。
    </div>

二、 word-spacing:设置英文每个单词之间的距离,对中文文字之间的距离没有效果

<style>
     .box{
       word-spacing: 10px;
     }
     </style>
  </head>
  <body>
    <div class="box">
      Dreaming in the memory is not as good as waiting for the paradise in the hell
    </div>


相关文章
|
2月前
|
前端开发
如何设置 CSS 盒子模型的边框样式?
CSS盒子模型的边框样式可以通过`border`属性设置,包括边框宽度、样式和颜色。例如:`border: 2px solid red;` 设置了2像素宽的红色实线边框。也可分别设置四边,如`border-top`、`border-right`等。
|
7月前
|
前端开发
web前端开发-----CSS样式设置
web前端开发-----CSS样式设置
76 0
|
7月前
|
前端开发
|
2月前
|
前端开发
css 设置背景色渐变、字体颜色渐变
css 设置背景色渐变、字体颜色渐变
|
1月前
|
前端开发 JavaScript UED
|
2月前
|
编解码 前端开发 JavaScript
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
使用 CSS 打印样式为 Web 页面设置专业的打印机效果
77 2
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
21 1
|
3月前
|
JavaScript 前端开发
jQuery - 获取并设置 CSS 类
jQuery - 获取并设置 CSS 类
36 5
|
4月前
|
前端开发
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
这篇文章详细介绍了如何在HTML和CSS中设置背景、设计表格、创建表单以及使用框架集,并通过代码示例和测试结果展示了具体的实现方法和效果。
HTML+CSS基础知识(6)背景的设置、表格的设计、表单的设计和框架集
|
4月前
|
前端开发
CSS 设置hr样式
【8月更文挑战第9天】