首页 > 其他分享 >2023-06-15 css伪类before、after制作文字两边横线

2023-06-15 css伪类before、after制作文字两边横线

时间:2023-06-15 15:48:06浏览次数:65  
标签:15 伪类 color after position ccc before

<div class="box">测试</div>
···
 .box{
    color: #ccc;
    text-align: center;
    position: relative;

    &::after {
      position: absolute;
      left: 24rpx;
      top: 52%;
      content: '';
      width: calc(50% - 100rpx);
      height: 1rpx;
      background-color: #ccc;
    }

    &::before {
      position: absolute;
      right: 24rpx;
      top: 52%;
      content: '';
      width: calc(50% - 100rpx);
      height: 1rpx;
      background-color: #ccc;
    }
  }

emm,我这里用了sass。

 

标签:15,伪类,color,after,position,ccc,before
From: https://www.cnblogs.com/iuniko/p/17483050.html

相关文章

  • 2023-06-15
    渐渐的网易的歌听着听着收费了渐渐的张江的电车坐着坐着拆了....时代的浪潮下每个人也许只是被迫的不断的适应社会的变化而已吧。 ......
  • 15 Spring核心注释示例
    我们经常将这些称为“Spring核心注释”,我们将在本文中对它们进行审核。这是所有已知的Spring核心注释的列表。@Autowired我们可以使用  @Autowired 注释  来标记Spring将要解析和注入的依赖关系。我们可以将这个注释与构造函数,setter或字段注入一起使用。构造函数注入:@RestCon......
  • DC-DC电源模块直流隔离升压变换器高压稳压输出50V/110V/130V/150V/220V/250V/300V/500
    HRB系列隔离宽电压输入高电压稳压输出特点●效率高达 80%以上●1*2英寸标准封装●单电压输出●价格低●稳压输出●工作温度:-40℃~+85℃●阻燃封装,满足UL94-V0要求●温度特性好●可直接焊在PCB上应用HRBW2~40W系列模块电源是一种DC-DC升压变换器。该模块电源的输入......
  • C/C++商品信息管理系统[2023-06-15]
    C/C++商品信息管理系统[2023-06-15]选题4商品信息管理系统的设计与实现设计要求本课题要求同学们完成一个信息管理类的课题---《商品信息管理系统》,能够对商品信息进行有效的管理,实现商品信息查询、商品销售、商品进货、商品销售信息统计等方面的基本操作。管理内容(商品信息......
  • 深度学习应用篇-元学习[15]:基于度量的元学习:SNAIL、RN、PN、MN
    深度学习应用篇-元学习[15]:基于度量的元学习:SNAIL、RN、PN、MN1.SimpleNeuralAttentiveLearner(SNAIL)元学习可以被定义为一种序列到序列的问题,在现存的方法中,元学习器的瓶颈是如何去吸收同化利用过去的经验。注意力机制可以允许在历史中精准摘取某段具体的信息。SimpleN......
  • QT电影信息管理系统[2023-06-15]
    QT电影信息管理系统[2023-06-15]在某个RDBMS软件基础上,利用合适的应用系统开发工具开发一个数据库应用系统设计并实现一个电影信息管理系统;电影信息管理系统功能参考对电影进行增删改查操作;对电影属性(如导演、演员、类型、上映日期等)进行查询和统计;用户可以进行评分和评论,......
  • WWDC2023 Session系列:探索XCode15新特性
    一、版本说明XCode15beta发布于2023年6月5日,可支持macOS13.3或以上版本,你可以按需下载需要的平台。二、新增特性1.代码智能提示(Codecompletion)•创建新的文件在引用时的提示首先创建一个新的文件然后,在引用的地方,输入文件首字母会立即自动弹出补全提示。......
  • 230615 关于纠音
    在5月初到6月中,你重点学习了音标与纠音.你通过诸多APP,如Elsa,Annie,Audition,你基本上可以有一套比较完整的工具,能够进行语音的识别.你的目标,就是基本上达到80%的准确度,对于主要的单词,不要有明显的硬伤.但是,纠音对你来说,依旧是个严重的挑战.因为,你之前的音标,单词的......
  • 算法学习day55动态规划part15-115、392
    packageLeetCode.DPpart15;publicclassDistinctSubsequences_115{publicintnumDistinct(Strings,Stringt){int[][]dp=newint[s.length()+1][t.length()+1];for(inti=0;i<s.length()+1;i++){dp[i][0]=......
  • CSS(语义化标签、多媒体标签、新表单元素、属性选择器、结构伪类选择器、伪元素选择器
    一、HTML5新特性概述HTML5的新增特性主要是针对于以前的不足,增加了一些新的标签、新的表单和新的表单属性等。这些新特性都有兼容性问题,基本是IE9+以上版本的浏览器才支持,如果不考虑兼容性问题,可以大量使用这些新特性。1语义化标签(★★)以前布局,我们基本用div来做。di......