How to set the spacing between English letters in CSS_html/css_WEB-ITnose

WBOY

Release： 2016-06-24 11:40:49

Original

2159 people have browsed it

How to set the spacing between English letters in CSS:

In the previous chapter, we have introduced how to use CSS to control the spacing between words. Let’s introduce it again. How to control the spacing between English letters. The code example is as follows:

<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title>蚂蚁部落</title> <style type="text/css">ul li{  font-size:12px;  list-style:none;}.first{letter-spacing:4px;}.second{letter-spacing:8px;}.third{letter-spacing:12px;}</style></head><body><div>  <ul>    <li class="first">I am a good student</li>    <li class="second">I am a good student</li>    <li class="third">I am a good student</li>  </ul></div></body></html>

Copy after login

The above code can set the spacing between the letters of the word.

The original address is: http://www.51texiao.cn/div_cssjiaocheng/2015/0503/601.html

The original address is: http://www.softwhy.com/

Related labels：

CSS如何设置英文字母之间的间距

source：php.cn

Previous article：How to increase the height without affecting the document flow of float left_html/css_WEB-ITnose Next article：Some tips for writing SASS_html/css_WEB-ITnose

Statement of this Website

The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn