首页 >web前端 >前端问答 > 正文

margin-top在html中的意思是什么

原创2021-02-22 10:55:2501926

在html中margin-top的意思为“上边距”,是用于设置元素的上部边距的一个css属性;其语法格式为“margin-top:auto|length|%;”,允许设置负值。

本教程操作环境:windows7系统、HTML5&&CSS3版、Dell G3电脑。

1.png

CSS margin-top 属性

margin-top属性设置元素的上部边距。

注意: 负值是允许的。

语法:

margin-top:auto|length|%|inherit;

属性值:

  • auto:浏览器设置的上外边距。

  • length:定义固定的上外边距。默认值是 0。

  • %:定义基于父对象总宽度的百分比上外边距。

  • inherit:规定应该从父元素继承上外边距。

【推荐教程:CSS视频教程 、《html视频教程》】

示例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8"> 
<style>
p.ex1 {margin-top:2cm;}
</style>
</head>

<body>

<p>一个没有指定边距大小的段落。</p>
<p class="ex1">一个2厘米上边距的段落。</p>
<p>一个没有指定边距大小的段落。</p>

</body>
</html>

效果图:

1.png

更多编程相关知识,请访问:编程视频!!

以上就是margin-top在html中的意思是什么的详细内容,更多请关注php中文网其它相关文章!

php中文网最新课程二维码

声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理

  • 相关标签:margin-top html css
  • 相关文章

    相关视频


    网友评论

    文明上网理性发言,请遵守 新闻评论服务协议

    我要评论
  • 专题推荐

    作者信息

    青灯夜游

    今天学习一小步,明天提升一大步

    最近文章
    php怎么判断有几位小数457
    php中转换首字母大写的函数是什么376
    Javascript怎么检查对象是否为空895
    推荐视频教程
  • Css3特效效果视频教程Css3特效效果视频教程
  • CSS高级实例视频教程CSS高级实例视频教程
  • CSS3进阶视频教程CSS3进阶视频教程
  • CSS3精讲视频教程CSS3精讲视频教程
  • CSS的美化功能CSS的美化功能
  • 视频教程分类