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进行控制。