<!doctype html>
<html>
<head>
<title>如何設置寬度高度</title>
<meta charset="utf-8" />
<meta http-equiv="Content-type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1" />
<style type="text/css">
body{
/*ackground-image: url("Image/flat.png");
background-repeat: no-repeat;
background-position: right top;*/
background:url("Image/flat.png") no-repeat right top;
}
h1,p{
color: black;
}
h1{
background-color: rgba(75,223,148,0.5);
}
p{
background-color: Tomato;
}
section{
background-color: orange;
max-width: 100px;
height: 100px;
}
.myborder1{
border:5px solid black;
margin-bottom: 60px;
}
.myborder2{
border:5px solid black;
margin-top: 50px;
}
// 設定兩元素之間距離，顯示較大的
</style>
</head>
<body>
<div>
<h1>Example Domain</h1>
<p>This domain is established to be used for illustrative examples in documents. You may use this
domain in examples without prior coordination or asking for permission.</p>
<section class="myborder1"></section>
<section class="myborder2"></section>
<a href="http://www.iana.org/domains/example">More information...</a>
</div>
</body>
</html>
留言列表
Impression (1)
