div css 文字离顶部距15px怎么弄?

 我来答
啦啦啦额68
2019-09-22 · TA获得超过2867个赞
知道答主
回答量:130
采纳率:0%
帮助的人:3.1万
展开全部

想要div css 文字离顶部距15px的效果非常简单。方法也有很多,可以直接改变文字的样式属性,也可以改变div的样式属性。这里介绍一种通过改变div的样式属性的方法。通过改变内边距padding-top。以下演示具体步骤:

1、打开HTML文件编辑器,新建一个HTML文件,先添加HTML文件的基本标签元素。

2、基本标签元素添加完毕后在body标签里添加一个div元素和在div元素内添加想要展示的文字。

3、接下来给div元素添加样式属性,这里同过行内式的方法添加属性,也可以通过行外式,外部式都可以。其中核心代码是:padding-top:15px。

4、保存后运行,效果如图:

网天络地
推荐于2017-09-17 · 战略决定生死 细节决定成败
网天络地
采纳数:1698 获赞数:22744

向TA提问 私信TA
展开全部

使用Css样式设置div的顶部外边距为15px,即可实现div中的文字距离顶部15px的效果。


div+css使文字距离顶部距离15px的操作代码如下:

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "

<html xmlns="

<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>文字距离顶部15px</title>
<link href="css.css" type="text/css" rel="stylesheet" /><!--调用外部Css-->
</head>

<body>

<div class="juli15"><!--设置div的调用类名为juli15-->
这些文字距离顶部15px!!!<!--需要设置距离顶部15px的文字-->

</div>
</body>
</html>


CSS代码如下:

@charset "utf-8";
/* CSS Document */

.juli15{
margin-top:15px;}/* 使用外边距属性,设置顶部外边距为15px,此div调用的类中的文字,距离顶部15px */


完整代码请下载附件。


示例图如下:


已赞过 已踩过<
你对这个回答的评价是?
评论 收起
Prince____Yu
2013-12-12 · TA获得超过3718个赞
知道小有建树答主
回答量:864
采纳率:33%
帮助的人:953万
展开全部

看你完整的样式是怎么样的了。一般的话设置行高,文字大小,高度就可以控制顶部和地步距离了:

css:

div#content{
        font-size: 16px; 
        line-height: 46px; 
        background: red;
    }

html:

<div id="content">我是dada</div>
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
百度网友b8c309b
2013-12-03 · 超过68用户采纳过TA的回答
知道答主
回答量:176
采纳率:0%
帮助的人:125万
展开全部
你已经实现了,不要感觉不对,你可以截图,用工具测量一下,你的文字离div边距就是15px,而且你的div的height也是50px。
本回答被提问者采纳
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
mogu653
2013-12-12 · TA获得超过461个赞
知道小有建树答主
回答量:388
采纳率:66%
帮助的人:116万
展开全部
margin-top:15px;
已赞过 已踩过<
你对这个回答的评价是?
评论 收起
收起 更多回答(3)
推荐律师服务: 若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询

为你推荐:

下载百度知道APP,抢鲜体验
使用百度知道APP,立即抢鲜体验。你的手机镜头里或许有别人想知道的答案。
扫描二维码下载
×

类别

我们会通过消息、邮箱等方式尽快将举报结果通知您。

说明

0/200

提交
取消

辅 助

模 式