06_CSS百分比畫階梯

06_CSS百分比畫階梯

06_CSS百分比畫階梯

 

css file

div {
height: 20%;
background-color: gray;
}
div.a {
width: 80%;
}
div.b {
width: 60%;
}
div.c {
width: 40%;
}
div.d {
width: 20%;
}

 

html file

<html>
<head>
<title>網頁標題</title>
<link rel="stylesheet" type="text/css" href="01.css">
</head>
<body>
<div class="d"></div>
<div class="c"></div>
<div class="b"></div>
<div class="a"></div>
</body>
</html>



 



 




發表迴響

你的電子郵件位址並不會被公開。 必要欄位標記為 *