首先，打开html编辑器，新建html文件，例如：index.html。在index.html中的style标签中，输入css代码：div{padding： 20px；border： 1px solid blue；}。
网站建设哪家好，找创新互联建站！专注于网页设计、网站建设、微信开发、小程序开发、集团企业网站建设等服务项目。为回馈新老客户创新互联还提供了澄迈免费建站欢迎大家使用！
div id=a中文字离div的边距要怎么设/div/***css样式***/#a{ padding：10px 20px 10px 20px；}其中padding中像素的顺序：上右下左。padding表示内边距。
/div/body/html示例中设置的padding值为10px；文字距离边框的距离即为10px。可通过修改值来改变距离。
div style=width：300px；height：300px；padding-top：30px；border：1px solid blue； 文字内容，padding：30px；上边距30px。border：1px solid red；1px的蓝色边框。width：300px；height：300px；宽度和高度300px。
在文件夹中创建一个“test”的html文件。如图所示 在里面添加html标签框架。如图所示 在里面添加一个“div”并放入文字。如图所示 然后我们发现默认文字之间比较紧凑。
想要div css 文字离顶部距15px的效果非常简单。方法也有很多，可以直接改变文字的样式属性，也可以改变div的样式属性。这里介绍一种通过改变div的样式属性的方法。通过改变内边距padding-top。
1、字符间的间隔太大或者太窄有时可能不太确定，我们需要根据网站的需要来进行调整，而使用CSS的line-height属性可以调整字符间的距离。
2、首先我们应该知道在css中并没有直接可以设置行间距的属性，所以我们就需要借助行高line-height来设置行间距，行高line-height的值越大，那么行间距就越高。
3、使用letter-spacing属性即可以设置字间距。
4、实现所需CSS样式：首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。
5、CSS如何设置英文字母之间的间距： 在之前章节中已经介绍过如何使用CSS控制字的间距，下面再介绍一下如何控制英文字母之间的间距。
6、在里面添加一个“div”并放入文字。如图所示 然后我们发现默认文字之间比较紧凑。如图所示 现在我们给div设置一个id为“wd”。如图所示 通过css在style使用letter-spacing给wd中的文字设置字间距为30px。
首先我们应该知道在css中并没有直接可以设置行间距的属性，所以我们就需要借助行高line-height来设置行间距，行高line-height的值越大，那么行间距就越高。
使用letter-spacing属性即可以设置字间距。
实现所需CSS样式：首先，使用padding-bottom、border-bottom两个样式实现字体文字下划线距离设置。传统的css下划线text-decoration样式只能设置其文字下划线样式而无法实现下划线与文字间距调整。
1、使用CSS解决字与字距离方法如下：我们使用css样式属性letter-spacing：+距离数字+html单位如letter-spacing：15px；即设置了字与字距离间隔15px（像素）。
2、通过css在style使用letter-spacing给wd中的文字设置字间距为30px。#wd{letter-spacing：30px；}如图所示 在浏览器中打开我们发现字间距变大了。
3、letter-spacing 属性增加或减少字符间的空白（字符间距）。该属性定义了在文本字符框之间插入多少空间。由于字符字形通常比其字符框要窄，指定长度值时，会调整字母之间通常的间隔。因此，normal 就相当于值为 0。
4、在css标签内，使用letter-spacing属性设置文字的间距，间距值的单位可以是px，rem，cm等css单位。例如，这时设置文字间隔为20px。最后在浏览器打开test.html文件，查看实现的效果，如下图所示就完成了。