前端在标题前面添加蓝色竖线

 <br><br>.title {
  position: relative;
  padding-left: 13px;
  margin: 24px 0px;
}
 
.title:before {
  content: '';
  background-color: #3796EC;
  width: 4px;
  height: 16px;
  position: absolute;
  left: 0;
  top: 50%;
  margin-top: -8px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
}

posted @ 2023-03-03 13:47 Felix_Openmind 阅读(370) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· a-progress中百分比放在进图条左边

· Vue2或Vue3中实现页面锚点滚动（结合AntDesign a-steps

· 文字前面加竖线表示标题

· css :before选择器，title加点

· 文字前面加一个小圆点

阅读排行：
· winform 绘制太阳，地球，月球运作规律
· 超详细：普通电脑也行Windows部署deepseek R1训练数据并当服务器共享给他人
· TypeScript + Deepseek 打造卜卦网站：技术与玄学的结合
· AI 智能体引爆开源社区「GitHub 热点速览」
· 写一个简单的SQL生成工具

2025年3月

日

一

二

三

四

五

六

Felix_Openmind

https://github.com/serendipitywzz

前端在标题前面添加蓝色竖线

最新随笔

随笔分类 (404)

随笔档案 (410)

文章分类 (66)

文章档案 (99)

软件开发

阅读排行榜

	<br><br>.title {
	position: relative;
	padding-left: 13px;
	margin: 24px 0px;
	}

	.title:before {
	content: '';
	background-color: #3796EC;
	width: 4px;
	height: 16px;
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -8px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	}