Go语言视频零基础入门到精通

javalearner · 发表于 2014-11-3 23:55:15

margin是指层的边框以外留的空白，用于页边距或者与其它层制造一个间距。

"10px 10px 10px 10px"

分别代表"上右下左"(顺时针方向)四个边距，如果都一样，可以缩写成"margin: 10px;"。如果边距为零，要写成"margin: 0px;"。注意：当值是零时，除了RGB颜色值0%必须跟百分号，其他情况后面可以不跟单位"px"。margin是透明元素，不能定义颜色。    padding是指层的边框到层的内容之间的空白。和margin一样，分别指定上右下左边框到内容的距离。如果都一样，可以缩写成"padding:0px"。单独指定左边可以写成"padding-left: 0px;"。padding是透明元素，不能定义颜色。 padding 就是内容与边框的空隙.而margin 则是模块与模块的空隙.
例一








<HTML>
<head> <title>CSS padding 属性示例</title>
<style type="text/css">
h1
{
color:brown;
border:thin solid red;
padding:15px;
}

p {
padding:50px;
border:thick solid green;
}
</style>
</head>
<body bgcolor="lightblue">
<h1>CSS padding属性的应用</h1>
<p>中有一人字太真，雪肤花貌参差是。金阙西厢叩玉扃，转教小玉报双成。闻道汉家天子使，九华帐里梦魂惊。揽衣推枕起徘徊，珠箔银屏迤逦开。云鬓半偏新睡觉，花冠不整下堂来。
</p>
</body>
</html>

例二：
<html> <head> <title>CSS padding 属性示例</title>
<style type="text/css">
h1 {
color:blue;
border-style:ridge;
padding:20px;
}
pre {
color:green;size:20px;
padding-top:20px;
padding-left:40px;
padding-bottom:50px;
padding-right:70px;
border:dotted blue;
}
</style>
</head> <body bgcolor="yellow">
<h1>CSS padding属性的应用</h1>
<pre><b>
   如梦令    常记溪亭日暮，
   沉醉不知归路。
   兴尽晚回舟，
   误入藕花深处。
   争渡，争渡，
   惊起一滩鸥鹭。
</pre>
</body>
</html>

复制代码

源码下载：http://file.javaxxz.com/2014/11/3/235515265.zip

		自动登录	找回密码
密码			立即注册

JAVA高级面试进阶视频教程	Java架构师系统进阶VIP课程	分布式高可用全栈开发微服务教程	Go语言视频零基础入门到精通	Java架构师3期(课件+源码)
Java开发全终端实战租房项目视频教程	SpringBoot2.X入门到高级使用教程	大数据培训第六期全套视频教程	深度学习（CNN RNN GAN）算法原理	Java亿级流量电商系统视频教程
互联网架构师视频教程	年薪50万Spark2.0从入门到精通	年薪50万！人工智能学习路线教程	年薪50万！大数据从入门到精通学习路线	年薪50万！机器学习入门到精通视频教程
仿小米商城类app和小程序视频教程	深度学习数据分析基础到实战	最新黑马javaEE2.1就业课程	从 0到JVM实战高手教程	MySQL入门到精通教程

分布式高可用全栈开发微服务教程

Go语言视频零基础入门到精通

Java开发全终端实战租房项目视频教程

SpringBoot2.X入门到高级使用教程

大数据培训第六期全套视频教程

Java亿级流量电商系统视频教程

年薪50万Spark2.0从入门到精通

年薪50万！人工智能学习路线教程

[CSS学习]CSS入门（8）：补白padding