【前端】dashed 间距

最新推荐文章于 2024-09-04 13:40:47 发布

而我想成为一个有趣的妞

最新推荐文章于 2024-09-04 13:40:47 发布

阅读量1.7k

点赞数

分类专栏：前端

本文链接：https://blog.csdn.net/weixin_41728561/article/details/88684505

版权

前端专栏收录该内容

46 篇文章 0 订阅

订阅专栏

效果图

<!DOCTYPE html>
<html lang="zh-CN">
<head>
	<meta charset="UTF-8" />
	<title>Document</title>
	<style>
		body{
			background: #000;
			display: flex;
			align-items: center;
			justify-content: center;
		}
		div{
			margin-top: 100px;
			width: 300px;
			height: 2px;
			background: linear-gradient(to right, transparent 0%, transparent 50%,#ffc184 50%,#ffc184 100%);
			background-size: 15px 1px;
			background-repeat: repeat-x;
		}
	</style>
</head>
<body>
	<div></div>
</body>
</html>