<!doctype html>
<html>
<head>
<title>抬头</title>
<meta charset="utf-8">
<style>
.InternalStyle1
{
width:300px;
height:300px;
border: purple 30px solid;
background:green center bottom no-repeat url("dragon.png");
padding-top: 100px;//盒子中的内容距离顶部30px,盒子也变大了,称为内边距;
//padding:top right bottom left;//具有顺序的复合属性。上右下左，按顺时针方向。
//padding:20px;//上右下左全是20px
}
</style>
<link href = "main.css" rel = "stylesheet">
</head>
<body>
<!属性:属性值(属性单位)>
<div style = "width:300px;height:100px;background:red">inline style1 行内样式1</div>
<div class = "InternalStyle1">Internal Style1 内部样式1</div>
<div class = "ExternalStyle1">External Style1 外部样式1</div>
</body>
</html>
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
