在html与css中怎么设置段与段之间的距离
发布网友
发布时间:2022-04-27 08:07
我来回答
共3个回答
热心网友
时间:2022-04-06 13:02
比如
这是 html 页中的:
<div class="main_con">
<p>这是第一段</p>
<p>这是第二段</p>
<p>这是第三段</p>
</div>
这是 css 中的:
div.main_con p{
margin:10px 0 10px 0; /* 表示 上下边距为10px,左右为0*/
padding:0; /* 表示 上下,左右间距为0 */
}
这样就可以把段与段的间距表示出来了
热心网友
时间:2022-04-06 14:20
给这写样式 设margin值
margin:上边 右边 下边 左边
也可以在段与段之间加个DIV或别的标签定义个高度
好像不能直接定义段与段之间的距离
热心网友
时间:2022-04-06 15:54
如果距离大,直接用<br>,要是固定值,只能每段用p或是div等标签,然后设置标签的margin或padding了
在html与css中怎么设置段与段之间的距离
这是 html 页中的:<div class="main_con"> <p>这是第一段</p> <p>这是第二段</p> <p>这是第三段</p> </div> 这是 css 中的:div.main_con p{ margin:10px 0 10px 0; /* 表示 上下边距为10px,左右为0*/ padding:0; /* 表示 上下,左右间距为0 */ } 这样就...
html中 段前段后间距怎么设置?
段落基本上是用<p></p>标签,你可以在css样式表中设置两个<p>标签的段前后间距。举个例子:<p class="first">这是第一个段落,我希望我段前有30px的间隔,段后有20px的间隔</p><p class="second">这是第二个段落,因为第一段段后有20px,所以我希望段前有10px的间隔,段后有30px的间隔...
css <p>和<p>之间的距离远近怎么调整?
<p>和<p>之间的距离远近可以通过外边距来设置 margin: 10px 5px; /* 设置上下边距10px,左右边距5px*/举个例子 创建HTML元素 <p>我是第一段呀我是第一段。</p><p>我是第二段呀我是第二段啊我还是第二段。</p设置css样式 p{margin:40px 5px;}观察显示效果 设置外边距前 设置外边距...
html怎么设置间隔?
在html中,文章段一般都是使用P标签进行分段,在这里以p标签举例,在使用p标签的时候,上下段落之间就会产生一点的距离,那么我们怎么控制段落之间的距离呢,一般我们都是通过css对段落之间的距离进行设置。1.行高属性:line-height line-height属性可以对设置段落之间的距离,一般数值越大,段落之间的间距就...
html怎么设置字与字之间的间距
1、首先新建一个html文件,命名为test.html,在test.html文件内,使用p标签创建一行文字,文字内容为“这是一段测试的文字”。2、然后在test.html文件内,设置p标签的class属性为txt,主要用于下面通过该class来设置css样式。3、接着在test.html文件内,编写<style type="text/css"></style>标签,...
html/css里的a标签之间如何设置间距?
使用margin属性。示例代码:HTML部分:<div> <a href="#">销售开单</a> <a href="#">商品库存</a> </div> css部分:{ margin: 0;padding: 0;} a{ display: inline-block;padding: 20px;background-color: blue;color: #fff;font-size: 20px;float: left;margin-right:20px;} a,...
怎么用html或者css调整超链接之间的距离?如图一到图二效果,如果可以告 ...
<style> span a{ display:inline;padding:20px;} span{ border-right: lightgray solid 1px;} </style> 然后把超链接放入各自的span,最后一个span再设置下style="border:none;"加一个下拉菜单 把全部内容加到一个div里居中 我也才学,看能不能帮到你 ...
如何用css设置div与div之间的间距呢?
需要准备的材料分别有:电脑、浏览器、html编辑器。1、首先,打开html编辑器,新建html文件,例如:index.html。2、在index.html中的<style>标签中,输入css代码:.sub{margin-top: 30px;}。3、浏览器运行index.html页面,此时3个div子子容器的垂直间距被统一设置为了30px。
HTML中,控制字与字间隔的代码怎么写?
第一步:新建一个HTML文件,在正方中输入“字符间距代码”。如下图:第二步:在空白处点击右键,选择CSS样式,再选择新建... 如下图:第三步:在出现的新建CSS规则对话框中,在“选择器名称”下面输入SCC文件名称,然后点击确定按钮。如下图:第四步:在弹出的CSS规则对话框中选择区块,再选择其中的...
怎么设在html中无序列表<li>之间的距离
ul li {margin:5px 0} 上下相隔10px;或者 ul li {line-height:30px;} 一个LI行高30像素,文字设小一点儿就有间距了