html5小项目_2

MuFeng@

已于 2022-04-28 12:53:25 修改

阅读量267

点赞数

分类专栏： html5小项目文章标签： html5

于 2022-04-27 16:20:43 首次发布

本文链接：https://blog.youkuaiyun.com/m0_58451019/article/details/124453970

版权

html5小项目专栏收录该内容

2 篇文章

订阅专栏

<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title></title>
		
		<style type="text/css">
			.content{
				width: 90px;
				height: 120px;
				border: 1px solid red;
				overflow: scroll;
			}
			.PgDn{
				background-color: greenyellow;
				color: white;
				width: 48px;
				height: 30px;
				/*text-align: center;*/
				line-height: 30px;
				overflow: hidden;
				border-radius: 20px;
				padding:5px;
			}
			.PgDn:hover{
				width: 98px;
				transition: 1s;
			}
		</style>
	</head>
	<body>
		
		<div class="content">
			内容，很多很多内容
			overflow 当内容超出当前空间当时候，内容展示当形式
			overflow: hidden; 超出时隐藏 
			overflow: scroll; 超出时增加 滚动条
		</div>
		<div >
			内容，很多很多内容
		</div>
		
		<div class="PgDn">下一页 &nbsp;&nbsp; 》</div>
		
	</body>
</html>