Home > Developer > Web Develop
<! DOCTYPE html>
<meta charset= "UTF-8" >
<title> Pseudo class Selector </title>
<style>
div {
border:1px solid red;
width:400px;
height:150px;
font-size:35px;
}
. temple2 {
/* Hide out of range */
Overflow:hidden;
}
. temple3 {
/* Show scroll bar */
Overflow:scroll;
}
. temple4 {
/* automatically sets whether scroll bars are displayed */
Overflow:auto;
}
</style>
<body>
<div class= "Temple" >
Moon Light,<br/> in front of the bed
The stomach was hungry. <br/>
Jutou Bacon,<br/>
Look down and smell the sausage.
</div>
<br/><br/><br/><br/><br/><br/>
<div class= "Temple2" >
Moon Light,<br/> in front of the bed
The stomach was hungry. <br/>
Jutou Bacon,<br/>
Look down and smell the sausage.
</div>
<br/><br/><br/><br/><br/><br/>
<div class= "Temple3" >
Moon Light,<br/> in front of the bed
The stomach was hungry. <br/>
Jutou Bacon,<br/>
Look down and smell the sausage.
</div>
<br/><br/><br/><br/><br/><br/>
<div class= "Temple4" >
Moon Light,<br/> in front of the bed
The stomach was hungry. <br/>
Jutou Bacon,<br/>
Look down and smell the sausage.
</div>
</body>HTML Learning Note CSS block element plus pseudo class Selector section III (original)
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
