700字范文,内容丰富有趣,生活中的好帮手!
700字范文 > css字符间距怎么设置

css字符间距怎么设置

时间:2019-05-01 14:29:58

相关推荐

css字符间距怎么设置

web前端|css教程

css,字符间距

web前端-css教程

下载类的网站源码,vscode编程php,ubuntu ipxe,tomcat并发实现,sqlite存储找不到文件,dede 5.7 插件,微信前端h5框架,如何规范的使用网络爬虫,php浏览记录,阜宁网络seo优化,好用的制作动画网站模板,网页模板内容管理,企业简介网页模板下载lzw

在css中,可以使用letter-spacing属性来设置字符间距。

米拓源码破解版,ubuntu开机启动代码,tomcat与微信小程序,爬虫数据图,php框架学习外包教程,seo企业口碑lzw

letter-spacing属性可以增加或减少字符间的空白(字符间距)。允许使用负值,这会让字母之间挤得更紧。

手游源码发布平台,ubuntu是什么牌子,把应用部署到tomcat,爬虫学几天,php程序开发员招聘,seo层lzw

示例:

这是正常的字符间距

这是加宽10px字符间距

这是缩减3px字符间距

说明:

letter-spacing属性用来增加或减少字符或汉字之间的距离,默认值为0。该属性接受一个的正长度值或负的长度值;设置一个正的长度值时,字符之间的间隔会增加;设置一个负的长度值时,字符之间的间隔会减少,让字符挤得更紧,甚至出现重叠。

对于字数较少,却又要突出表现的内容,如诗词等,可以根据需要,增加适当的字符间距,让内容稍微稀疏一点,会比较美观。如,对于下面这首古诗:

静夜思

唐•李白

床前明月光,疑是地上霜。

举头望明月,低头思故乡。

希望 h1 标题和正文的内容稀疏明朗,就可以使用 letter-spacing属性来实现。CSS代码如下:

h1 { letter-spacing: 10px;}p { letter-spacing: 3px;}

(学习视频分享:css视频教学)

本内容不代表本网观点和政治立场,如有侵犯你的权益请联系我们处理。
网友评论
网友评论仅供其表达个人看法,并不表明网站立场。