在css文字边距上怎么通过css的属性来设置?

html-css013

在css文字边距上怎么通过css的属性来设置?,第1张

<!DOCTYPE html>

<html>

<head>

<meta charset="utf-8">

<title>文字上边距</title>

<style>

*{

margin:0

padding:0

}

</style>

<body>

<div style="width:200pxheight:200pxpadding-top:20pxborder:1px solid red">

文字内容,padding:20px上边距20px。border:1px solid red1px的红色边框。width:200pxheight:200px宽度和高度200px。

</div>

</body>

</html>

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

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

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

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

4、保存后运行,效果如图: