首页 前端知识 css 分割线中间带文字

css 分割线中间带文字

2024-03-06 09:03:39 前端知识 前端哥 625 964 我要收藏

效果图

在这里插入图片描述

代码块(自适应)

	<div class="line">
	  <span class="text">我是文字</span>
	</div>
	.line{
	  height:0;
	  border-top:1px solid #000;
	  text-align:center;
	}
	.text{
	  position:relative;
	  top:-14px;
	  background-color:#fff;
	}
转载请注明出处或者链接地址:https://www.qianduange.cn//article/3297.html
标签
评论
会员中心 联系我 留言建议 回顶部
复制成功!