<!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块元素加伪类选择器 第三节 （原创）
原文地址：http://www.cnblogs.com/ttzzyy/p/7499877.html