程序博客网 > photoshopcs6 for mac

赢在职场－WEB全栈开发－1-7margin

来源：互联网发布：photoshopcs6 for mac 编辑：程序博客网时间：2024/05/18 13:22

1-7margin 外边距

<!doctype html>

<html>

<head>

<title>抬头</title>

<meta charset="utf-8">

<style>

.InternalStyle1

{

width:300px;

height:300px;

background:green center bottom no-repeat url("dragon.png");

border: purple 30px solid;

padding-top: 100px;

margin-bottom: 30px;//外边距

}

.InternalStyle2

{

width:300px;

height:300px;

background:orange center bottom no-repeat url("dragon.png");

border: brown 60px solid;

padding-top: 100px;

margin-top: 60px;//外边句会叠加，注意InternalStyle1与InternalStyle2放在一起时只有60px（最大）的边距，而不是相加后的90px

//margin:top right bottom left;//复合写法

//margin:top/bottom right/left;

}

</style>

<link href = "main.css" rel = "stylesheet">

</head>

<body>

<div class = "InternalStyle1">Internal Style1 内部样式1</div>

<div class = "InternalStyle2">Internal Style2 内部样式2</div>

<div class = "InternalStyle2">

边距传递

<div class = "InternalStyle1">

边距传递：父子级包含时，子级的margin－top会传递给父级。

</div>

</div>

</body>

</html>

0 0

photoshopcs6 for mac

photoshopcs6 for mac

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子丰荡丰母洞梵克雅宝贝母兔子子母笼价格有人日过母兔子吗母兔子多久发一次情怎样分辨兔子公母如何分辨兔子公母母兔子怀孕的表现母兔子可以日吗兔子辨别公母图怎么分兔子公母兔子如何分公母公兔子和母兔子的区别母兔子求偶叫声mp3 母兔子求偶声音怎么看出母兔子怀孕母犬公司瓜子母公司获投资抖音母公司母公司农夫山泉母公司母公司破产对子公司的影响母公司与子公司的关系上市公司母公司肥水不流外人田之母与子牙膏之母是哪个品牌母基金是什么意思基金590003 股权投资母基金基金基金什么是母基金国创母基金母趾外翻脚母外翻什么是母外翻骨外翻拇脚趾外翻盆骨外翻孩子脚外翻左脚外翻拇外翻遗传