css表格字间距怎么调
程序员文章站
2022-03-01 13:17:50
...
在css中,可以利用“letter-spacing”属性设置表格的字间距,该属性的作用就是增加或减少字符间的间距,只需要给表格元素添加“letter-spacing:间距值;”样式即可。
本教程操作环境:windows10系统、CSS3&&HTML5版、Dell G3电脑。
css表格字间距怎么调
在css中,可以利用letter-spacing属性来调表格字间距,letter-spacing属性用于设置字间距的大小。
下面我们通过示例来看一下怎样调表格字间距,示例如下:
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> </head> <body> <style> table{ letter-spacing:10px; } </style> <table border="1"> <tr> <th>好好学习</th> <th>天天向上</th> </tr> <tr> <td>福如东海</td> <td>寿比南山</td> </tr> </table> </body> </html>
输出结果:
(学习视频分享:css视频教程)
以上就是css表格字间距怎么调的详细内容,更多请关注其它相关文章!
上一篇: html盒子模型元素怎么改成行内块元素
下一篇: css中怎么把表格往下移
推荐阅读