HTML學習筆記 CSS塊元素加偽類選擇器 第三節 （原創）
阿新 • • 發佈：2017-09-10
筆記 solid oct 元素 是否 選擇器 size set 區域
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>偽類選擇器</title>
<style>
div {
border: 1px solid red;
width: 400px;
height: 150px;
font-size: 35px;
}
.temple2 {
/*隱藏超出的區域*/
overflow: hidden;
}
.temple3 {
/*顯示滾動條*/
overflow: scroll;
}
.temple4 {
/*自動設置是否顯示滾動條*/
overflow: auto;
}
</style>
</head>
<body>
<div class="temple">
床前明月光，<br/>
肚子餓得慌。<br/>
舉頭望臘肉，<br/>
低頭聞香腸。
</div>
<br/><br/><br/><br/><br/><br/>
<div class="temple2">
床前明月光，<br/>
肚子餓得慌。<br/>
舉頭望臘肉，<br/>
低頭聞香腸。
</div>
<br/><br/><br/><br/><br/><br/>
<div class="temple3">
床前明月光，<br/>
肚子餓得慌。<br/>
舉頭望臘肉，<br/>
低頭聞香腸。
</div>
<br/><br/><br/><br/><br/><br/>
<div class="temple4">
床前明月光，<br/>
肚子餓得慌。<br/>
舉頭望臘肉，<br/>
低頭聞香腸。
</div>
</body>
</html>
HTML學習筆記 CSS塊元素加偽類選擇器 第三節 （原創）