web前端小案例（滚动条）

最新推荐文章于 2024-04-21 09:10:41 发布

dalgurak

最新推荐文章于 2024-04-21 09:10:41 发布

阅读量445

点赞数

分类专栏： web前端文章标签： web前端

本文链接：https://blog.csdn.net/itpika/article/details/100156196

版权

<!DOCTYPE html>
<html>
<head>
	<title></title>
	<style type="text/css">
		#box {
			height: 400px;
			width: 170px;
			border: 1px solid red;
			margin: 50px 0 0 100px;
			overflow: hidden;
			position: relative;
		}
		#content {
			position: absolute;
			width: 150px;
			top: 0;
			left: 0;
		}
		#gun {
			width: 20px;
			height: 100%;
			position: absolute;
			top: 0;
			right: 0;
			background-color: #d0c1c1;
		}
		#bar {
			width: 100%;
			height: 100px;
			background-color: red;
			border-radius: 10px;
			position: absolute;
			top: 0;
			left: 0;
		}
	</style>

</head>
<body>

	<div id="box">
		<div id="content"> 下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心
		下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心
		下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心
		下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心下啊伤心啊伤心

最低0.47元/天解锁文章

dalgurak

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
web前端小案例（滚动条）

<!DOCTYPE html><html><head> <title></title> <style type="text/css"> #box { height: 400px; width: 170px; border: 1px solid red; margin: 50px 0 0 1...
复制链接

扫一扫