css怎么把p便签放在div距离20px

html-css017

css怎么把p便签放在div距离20px,第1张

1、新建一个html文件，命名为test.html，用于讲解css如何设置p标签文字四周空白的距离。

2、在test.html文件内，使用p标签创建一行文字，用于测试。

3、在test.html文件内，设置p标签的class属性为ptwo。

4、在test.html文件内，通过class设置p标签的样式，让p标签浮动向左，并定义它的背景色为灰色。

5、在css标签内，使用padding属性设置p标签的内边距为20px，从而实现文字四周空白距离的定义。以上就是css怎么把p便签放在div距离20px的方法。

想要div css 文字离顶部距15px的效果非常简单。方法也有很多，可以直接改变文字的样式属性，也可以改变div的样式属性。这里介绍一种通过改变div的样式属性的方法。通过改变内边距padding-top。以下演示具体步骤：

1、打开HTML文件编辑器，新建一个HTML文件，先添加HTML文件的基本标签元素。

2、基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。

3、接下来给div元素添加样式属性，这里同过行内式的方法添加属性，也可以通过行外式，外部式都可以。其中核心代码是：padding-top：15px。

4、保存后运行，效果如图：

如果是div与div之间的距离，可以通过添加“margin: 上(数值) 右(数值) 下(数值) 左(数值)”来实现距离控制。

如果是其他标签与div或者其他标签之间的距离，可以在其他标签内添加display:block后，同样采用margin控制。

如果是标签内的行距，可以用line-height: ?px进行控制。