CSS控制字的间距
分类:实例代码
CSS控制字的间距属于前端实例代码,有关更多实例代码大家可以查看。
有时候默认的字间距并不能够满足实际需要,可能需要进行人为的控制,下面就简单介绍一下如何实现此效果。
使用letter-spacing属性即可以设置字间距。
代码实例如下:
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="author" content="http://www.pipipi.net/" /> <title>前端教程网</title> </head> <body> <ul> <li style="letter-spacing:2px;">欢迎来到前端教程网</li> <li style="letter-spacing:5px;">欢迎来到前端教程网</li> <li style="letter-spacing:8px;">欢迎来到前端教程网</li> <li style="letter-spacing:12px;">欢迎来到前端教程网</li> </ul> </body> </html>
CSS控制字的间距,这样的场景在实际项目中还是用的比较多的,关于CSS控制字的间距就介绍到这了。