网页中怎样在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这样的

CSS+DIV里面如何实现文字与边框的间隔
1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:div{padding: 20px;border: 1px solid blue;}。3、浏览器运行index.html页面,此时文字和上下左右的边框都至少了20px的距离。

div+css中文字离div的边距要怎么设
2、最简单的方法就是使用float浮动,将两个div进行左右浮动,即可设置出边距,这里适合使用百分比。3、然后是使用margin外边距,这也是常用的方法,可以设置上下左右边距,这里使用float将两个子div并列。4、这个方法也是margin方法,当时是使用display:inline-block来将两个div并列,需要注意的是这里会产生边...

如何在自己制作网页的过程中调大字行间的行距阿
可以在CSS文件中设置,也可以直接在网页源代码中设置。具体做法,如果是段落,那就这样<p style ="line:1.2">文字<\/p>,如果是DIV标签,可以这样<div style ="line:1.2">文字<\/div>。line是个倍数,倍数越大,行间距越大。在CSS文件中设置的方法是: .word{line:1.2},这样就可以重复使用。

div+css布局如何控制文本的行与行之间的距离
用line-height,比如 p{line-height:28px;}

div+css中如何控制字的上下间距??
css字体上下间距,即控制两行文字垂直距离的。在CSS中,line-height被用来控制行与行之间垂直距离。不过,行间距与半行间距,还是取决于CSS中的line-height。默认状态,浏览器使用1.0-1.2 line-height, 这是一个初始值。可以定义line-height属性来覆盖初始值:p{line-height:140%} 可以有5种方式来...

css控制文本相对于文本框 垂直居中
1:一般要设置单行文本垂直居中可以把高度和行高设置的一样就可以了,<div style="height:30px;line-height:30px;"> 这里是内容 <\/div> 这种主要对单行文本!2:或者也可以用设置padding-top 来结局!楼主啊,我只能说无语了,我告诉你的是方法,正所谓授人以鱼 不如授之以渔 拜托你不要就盯着...

CSS如何控制广告DIV框中链接与左边框的距离?
设置ul的padding:0 px和margin:0px

dreamweaver设置表格内的文字与表格边框有点距离
加盟前期:1、... 2、...(内容)<\/div> <\/div> 代码弄到body里面过后再新建一个index保存为CSS.CSS代码为:dakuang{ width:100px;height:200px;} xiaokuang{ margin-top:10px;margin-left:5px;} 我里面设置的多少多少PX就是多少多少像素,也就是距离了,我是随便设置的,你自己看你自己的需...

如何使文字在div中水平和垂直居中的css代码
1、新建html文件,在body标签中添加div标签,在div标签输入文字,这里以“演示文本”为例,给div标签设置宽度、高度和背景色属性,属性值分别为200、100和灰色,这时“演示文本”默认位置为div盒子的左上方:2、这时给div标签添加上“text-align”属性,属性值为“center”,这时文字将会在div容器中水平...

在网页制作中如何使用CSS让DIV下的文字居中呢
使用“ling-height”属性让文字垂直居中。1、新建html文档,在body标签中添加div标签并填写一段文字,然后为这个div设置一些样式:2、为div添加“text-align”属性,属性值为“center”,这时文字将会在框内水平居中:3、为div添加“line-height”属性,属性值为div的高度,这时文字将会在框内垂直居中:

相似回答