css怎样让文本间距与文本框间距保持一致?

html-css08

css怎样让文本间距与文本框间距保持一致?,第1张

你好!

在CSS中控制距离的属性很多,这里可用margin,代码是:

input{margin:10px

10px

10px

10px}//顺序为:上

这样就可以控制丙从此文本框的距离了。

CSS(层叠样式表)级联样式表是一种用来表现HTML(标准通用标记语言的一个应用)或XML(标准通用标记语言的一个子集)等文件样式的计算机语言。

仅代表个人观点,不喜勿喷,谢谢。

1、使用数值来设置行间距

<!DOCTYPE html>

<html>

<head>

<meta charset="UTF-8">

<title>使用数值来设置行间距</title>

<style type="text/css">

p.small {

line-height: 0.5

}

p.big {

line-height: 2

}

</style>

</head>

<body>

<p>

这是拥有标准行高的段落。 默认行高大约是 1。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。 这是拥有标准行高的段落。

</p>

<p class="small">

这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。 这个段落拥有更小的行高。

</p>

<p class="big">

这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。 这个段落拥有更大的行高。

</p>

</body>

</html>