網頁設計很常用<div>當作一個容器(區塊)。
範例:
程式碼:
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<style>
body {
background-color: bisque; /* 背景色 */
}
h1 {
text-shadow: 5px 5px 10px gray; /* 文字陰影 */
color:teal; /* 文字顏色 */
}
div {
width: 100px; /* 寬 */
height: 30px; /* 高 */
margin: 10px; /* 邊界 */
}
.a {
border: 1px #000 solid ; /* 邊框 */
}
.b {
border: 5px red dotted; /* 邊框 */
}
.c {
border: 10px green dashed ; /* 邊框 */
}
</style>
</head>
<body>
<h1>我最想讀的三個科</h1>
<div class="a">資料科</div>
<div class="b">餐飲科</div>
<div class="c">普通科</div>
</body>