网页中怎样在div标签中用css调用控制文本与边框的距离

html-css0152

网页中怎样在div标签中用css调用控制文本与边框的距离,第1张

控制文本与边框的距离，要使用css的内边距属性padding来实现。请看下方示例代码：

<!DOCTYPE html>

<html>

<head>

  <meta http-equiv="Content-Type" content="text/html charset=utf-8" />

  <title>angular demo</title>

</head>

<body>

<style type="text/css">

.box{width:150pxheight:150pxborder:1px solid #333padding:10pxfont-size:12px}

</style>

<div class="box">

这里是测试的文字，修改padding值就可以改变文字距离边框的距离了。

</div>

</body>

</html>

示例中设置的padding值为10px；文字距离边框的距离即为10px。可通过修改值来改变距离。实现效果如下图：

你好！

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

input{margin:10px

10px

10px

10px}//顺序为：上

右

下

左

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

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

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