青岛网站建设新闻资讯

利用css控制字间距离代码

时间:2022-08-29 已阅读:769次 | 作者:青岛网站建设

首页>新闻资讯>建站知识

在css中,可以利用letter-spacing属性来让字之间的间隔变大,只需要给包含文字的容器元素添加“letter-spacing:间距值;”样式即可。


说明:

letter-spacing 属性增加或减少字符间的空白(字符间距),该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄,指定长度值时,会调整字母之间通常的间隔。


css字间距示例代码:

<!DOCTYPE html>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>p文字间距 CSS5</title>
<style>
.jianju{ letter-spacing:6px}
</style>
</head>
<body>
<p>第一段:内容,换行形式,我是第一段的内容</p>
<p class="jianju">第二段:内容,我被设置字间距6px</p>
</body>
</html>

以上就是青岛网站建设公司青华互联分享的利用css控制字间距离的代码,快去试试吧。


二维码
扫描二维码手机查看该文章

文章引用:https://www.qinghuahulian.com/news/webzhishi/1267.html

相关资讯

Copyright © 2011-2024 青华互联-青岛青华锐思网络科技有限公司 www.qinghuahulian.com All Rights Reserved
鲁公网安备37020202000800号 鲁ICP备14020555号-4 网站地图 百度地图