• linkedu视频
  • 平面设计
  • 电脑入门
  • 操作系统
  • 办公应用
  • 电脑硬件
  • 动画设计
  • 3D设计
  • 网页设计
  • CAD设计
  • 影音处理
  • 数据库
  • 程序设计
  • 认证考试
  • 信息管理
  • 信息安全
菜单
linkedu.com专业计算机教程网站
  • 网页制作
  • 数据库
  • 程序设计
  • 操作系统
  • CMS教程
  • 游戏攻略
  • 脚本语言
  • 平面设计
  • 软件教程
  • 网络安全
  • 电脑知识
  • 服务器
  • 视频教程
  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure
您的位置:首页 > 网页设计 >html5 > HTML5属性:margin属性的用法实例

HTML5属性:margin属性的用法实例

作者:匿名 字体:[增加 减小] 来源:互联网 时间:2018-12-03

本文主要包含HTML5属性等相关知识,匿名希望在学习及工作中可以帮助到您
这篇文章给大家介绍的内容是关于HTML5属性:margin属性的用法实例,有一定的参考价值,有需要的朋友可以参考一下,希望对你有所帮助。

<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Document</title>
<style>
p{
width: 100px;
height: 100px;
background-color: red;
/* 外边距 */
margin-top: 30px;
margin-left: 100px;
margin-right: 100px;
margin-bottom: 100px;
/* 连写 */
margin: 40px;
margin: 0 auto;
/* 内边距 pandding */
padding: 30px;
}
</style>
</head>
<body>
<p>p第一个</p>
<p>p第二个</p>
</body>
</html>

运行效果如下:

2345截图20180809150416.png

相关推荐:

HTML5属性:form表单属性的用法实例

HTML5中div标签的实例代码

以上就是HTML5属性:margin属性的用法实例的详细内容,更多请关注微课江湖其它相关文章!

您可能想查找下面的文章:

相关文章

  • 2018-12-03h5canvas实现雪花飘落的特效代码
  • 2018-12-03Canvas制作旋转太极的动画
  • 2018-12-03将你怎样将 HTML5 性能发挥到极致
  • 2018-12-03H5计算手机摇动次数
  • 2018-12-03对于HTML5应用程序缓存Application Cache的知识点详解
  • 2018-12-03HTML5讲解之dataTransfer对象
  • 2018-12-03利用H5制作一个倒计时demo的实例教程
  • 2018-12-03JS案例联系之留言板
  • 2018-12-03详解html5 Canvas drawing的示例代码(三)
  • 2018-12-03 小强的HTML5移动开发之路(18)——HTML5地理定位

文章分类

  • html/xhtml
  • html5
  • CSS
  • XML/XSLT
  • Dreamweaver教程
  • Frontpage教程
  • 心得技巧
  • bootstrap
  • vue
  • AngularJS
  • HBuilder教程
  • css3
  • 浏览器兼容
  • div/css
  • 网页编辑器
  • axure

最近更新的内容

    • html5的canvas方法使用指南_html5教程技巧
    • HTML5中的aside标签怎么用?HTML5aside侧边栏的具体使用方法你知道吗?
    • phonegap完成联系人查找功能的代码详解
    • 如何得到 HTML5 格式的优酷视频?
    • canvas实现刮刮乐
    • html5+css3进度条倒计时动画特效代码【推荐】
    • HTML5引入的新数组TypedArray介绍
    • 0基础接触html5之jquery(一)简介
    • HTML5之7 __Canvas: 缩放、旋转、创建阴影
    • 如果用html5来取代移动端的app,其所面临的问题有哪些?

关于我们 - 联系我们 - 免责声明 - 网站地图

©2020-2025 All Rights Reserved. linkedu.com 版权所有