• 技术文章 >web前端 >css教程

    css怎么使字体更加紧凑

    VV2020-11-30 16:54:09原创67

    css使字体更加紧凑的方法:可以利用letter-spacing属性来实现,如【letter-spacing: 20px;】。letter-spacing属性用于增加或减少字符间的空白(字符间距)。

    本教程操作环境:Windows7系统、css3版,本文适用于所有品牌的电脑。

    letter-spacing 属性增加或减少字符间的空白(字符间距)

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

    属性值:

    举例:

    <!DOCTYPE html>
    <html>
    	<head>
    		<meta charset="utf-8">
    		<style type="text/css">
    			.p2 {
    				letter-spacing: -4px;
    			}
    			.p3 {
    				letter-spacing: 20px
    			}
    		</style>
    	</head>
    	<body>
    		<p class="p1">正常文本!正常文本!</p>
    		<p class="p2">紧凑的文本!紧凑的文本!</p>
    		<p class="p3">稀疏的文本!稀疏的文本!</p>
    	</body>
    </html>

    效果:

    c3330b7937e6c5620fda52e4c8e7c79.png

    相关推荐:CSS教程

    以上就是css怎么使字体更加紧凑的详细内容,更多请关注php中文网其它相关文章!

    本文原创发布php中文网,转载请注明出处,感谢您的尊重!
    专题推荐:css 字体 紧凑
    上一篇:css3怎么加内边框 下一篇:css grid布局的优缺点是什么?
    第14期线上培训班

    相关文章推荐

    • MySQL优化GROUP BY-松散索引扫描与紧凑索引扫描• div+css样式表制作导航怎么使其紧凑排列_html/css_WEB-ITnose• 在可变分区存储管理中的紧凑技术可以干什么• css中字体常用单位有哪些?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网