html5小项目_2

Junju_

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

阅读量236

点赞数

分类专栏： html5小项目

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

本文链接：https://blog.csdn.net/m0_58451019/article/details/124453970

版权

CSS overflow 滚动条样式动态效果

关键词由CSDN通过智能技术生成

html5小项目专栏收录该内容

2 篇文章 0 订阅

订阅专栏

<!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>

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Junju_

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
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; } .PgD.
复制链接

扫一扫