如下图所示：
需要实现渐变的小竖线或者小横线
可以用伪类，
代码如下：
div {
position: relative;
z-index: 2;
&::after{
content: '';
position: absolute;
z-index: 4;
right: 0;
top: 10%;
bottom: 10%;
width: 1px;
background: linear-gradient(to bottom, rgba(255, 157, 158, .2), rgba(255, 157, 158, 1), rgba(255, 157, 158, .2)) } }
div 给相对定位，伪类给绝对定位，背景给从上到下的渐变色，用rgba设置透明度
就可以实现了
《css 伪类实现渐变线条.doc》
下载本文的Word格式文档，以方便收藏与打印。
在ASP页面中嵌入JavaScript或CSS可以通过在<head>标签内或者<body>标签内使用<script>标签或<style>标签来实现。 嵌入JavaScript： <html> <head> <script> functio...
2024-04-03编程代码asp,css,javascript今天小编给大家分享一下springboot themaleaf第一次进页面不加载css怎么解决的相关知识点，内容详细，逻辑清晰，相信大部分人都还太了解这方面的知识，所以分享这篇文章给大家参考一下，希望大家阅读完这篇...
2023-10-28编程代码css,springboot,themaleaf
HTML、CSS、JavaScript三者的关系是什么，很多新手对此不是很清楚，为了帮助大家解决这个难题，下面小编将为大家详细讲解，有这方面需求的人可以来学习下，希望你能有所收获。 js--JavaScript--脚本语...
2023-10-27编程代码css,html,javascript
