实现CSS设置英文字母之间间距
分类:实例代码
CSS设置英文字母之间间距属于前端实例代码,有关更多实例代码大家可以查看。
下面介绍一下如何控制英文字母之间的间距。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <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>
以上代码可以设置单词字母之间的间距。
CSS设置英文字母之间间距,这样的场景在实际项目中还是用的比较多的,关于CSS设置英文字母之间间距就介绍到这了。