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

如题所述

控制文本与边框的距离,要使用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:150px;height:150px;border:1px solid #333;padding:10px;font-size:12px;}
</style>

<div class="box">
这里是测试的文字,修改padding值就可以改变文字距离边框的距离了。
</div>

</body>
</html>

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

温馨提示:答案为网友推荐,仅供参考
第1个回答  2010-04-07
你把文本的那个DIV标签设计一个类,再给这个类设一个样式就可以了,比如二楼的就可以 ,但是你要分清到底是哪个类才可以,要不然电脑没有那么智能的。不会可以找我 ,我虽然不是高手,但是我还可以解决一些简单的问题。本回答被网友采纳
第2个回答  2010-04-07
直接控制文本外部容器的内补白,比如
<p>这里是文本</p>

css:
p{padding-left:10px;}
第3个回答  2010-04-07
用margin: 10px这样的
相似回答