CSS 文字下面横线

 .active {position: relative;color: #ff0005;}.active::before {position: absolute;bottom: 0;left: 50%;transform: translateX(-50%);content: '';width: 50rpx;height: 5rpx;border-radius: 5rpx;background-color: #ff0005;}

CSS 文字下面横线相关推荐

html文本居中左右有横线,CSS伪类实现中间文字两边横线效果
利用CSS伪类实现中间文字两边横线效果效果图: 实现代码: CSS伪类实现中间文字两边横线效果 body { margin: 0; } .login_content { position: abso ...
Vue - 实现信纸输入写作，类似写明信片时的一张背景图片 + 横格纸效果（信纸格子与文字自动对齐、支持自定义背景图、文字或横线大小与颜色，一切由您 DIY 自定义样式）纯CSS完成支持任何vue项目
前言网上没有这方面的组件和插件,本文来做优质的组件(附带详细的使用方法及源码注释),无任何第三方插件依赖. 本文实现了在 Vue / Nuxt 项目中,实现 "横格纸" 一样的 ...
css html 字竖,CSS实现文字竖排 DIV CSS文字垂直竖列排版显示如何实现？
DIV CSS实现文字竖排排版显示兼容各大浏览器,让文字垂直竖列排版布局. 有时我们需要一段文字进行从上到下竖列排版,我们知道CSS样式中有一样式可以让其竖列排版,但所有浏览器不全兼容,逼不得已放弃. ...
文字添加横线的h5实现
一行文字添加横线:格式如横线 <p><font class="lineThrough"> </font> 申请对象 ...
html字两边的横线_css实现中间文字两边横线效果
1. vertical-align属性实现效果: vertical-align 属性设置元素的垂直对齐方式. 该属性定义行内元素的基线相对于该元素所在行的基线的垂直对齐.允许指定负长度值和百分比值. ...
html给文字添加阴影效果,text-shadow css文字阴影_字体投影属性样式
text-shadow为css文字阴影.css字体投影与字体阴影含胡效用效果的CSS属性单词 css text-shadow阴影功效一.text-shadow先容 text-shadow是CSS格局 ...
html字居右垂直设置,css文字水平垂直居中怎么设置？
css文字水平垂直居中怎么设置?下面本篇文章就来给大家介绍使用CSS设置文字水平居中和垂直居中的方法.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. 1.文字水平居中在CSS中想要 ...
css 文字重叠_html网页文字重叠字体叠加显示css如何解决
DIV+CSS布局文字较多时候重叠下一行文字内容如何解决? CSS+DIV布局ul li列表文字内容,当文字比较多时,上排文字重叠在下排li标签内文字上这是什么原因?如何解决css文字重叠呢? 内容较 ...
css文字排列 - 代码篇
css文字排列 css3标准属性名值解释 writing-mode horizontal-tb // 默认值:水平方向,从上到下 writing-mode vertical-rl // 垂直方向 ...

CSS 文字下面横线

CSS 文字下面横线相关推荐

最新文章

热门文章