css 横线中间的文字

.gaikuang:before{content: '';position: absolute;top: 5%;left: 0px;background: #dad6d6;width: 44%;height: 1px;
}
.gaikuang:after {content: '';position: absolute;top: 5%;right: 0px;background: #dad6d6;width: 44%;height: 1px;
}

css 横线中间的文字相关推荐

css 横线中间添加文字
demoline01.02选一个用足够了 <style> .demo_line_01 { width: 200px;/*这指的是文字的宽度*/ padding: 0 20px 0; mar ...
CSS实战样式：文字两侧加居中横线
CSS实战样式:文字两侧加居中横线原文: https://www.freesion.com/article/4444809147/ 在日常的开发中,会遇到这样的需求,比如移动web开发中的登录页的底 ...
css中横线中间显示文字
css中横线中间显示文字,类似文档地图注脚 <div style="width:100%;height:36px;line-height:36px;display:flex;" ...
用css显示隐藏的文字,用CSS隐藏文字方法的比较
通过CSS来隐藏文字是网站设计做常用的方法, 有多种方法可以达到隐藏文字的目的. 这些方法各有优点和缺点, 下面就来看看这些用CSS隐藏文字的一. CSS语句:display:none 这种方法就是 ...
css网页布局中文字排版的属性和用法
前段时间,学习了几个大的网站的图文混排的方法.今天总结下, css网页布局中文字排版的相关属性以及用法 .包括:设定字体.颜色.大小.段落空白,首字下沉.首行缩进.中文字的截断.固定宽度词内折行(wo ...
html文字图片同一行,CSS控制图片和文字在同一行显示且对齐的3种方法
CSS控制图片和文字在同一行显示且对齐的3种方法在 HTML 代码中,有时会需要在文字旁边加上一个图标. 默认情况,是图片置顶对齐,文字置底对齐,所以通常图片高,文字低,不能水平居中对齐. 常见欢思 ...
[css] 用css3实现文字发光的效果
[css] 用css3实现文字发光的效果 <!DOCTYPE html> <html lang="en"><head><meta char ...
html如何让图片跟字体重叠,CSS设置图片与文字的间距
[实例介绍] CSS设置图片与文字的间距希望图片本身与文字有一定的距离只需要给标记添加margin属性即可.margin属性包括margin．top.margin-right,margin-bott ...
纯CSS的方法解决文字溢出与截断的问题
纯CSS的方法解决文字溢出与截断的问题参考文章: (1)纯CSS的方法解决文字溢出与截断的问题 (2)https://www.cnblogs.com/ilian/archive/2012/06/07 ...

css 横线中间的文字

css 横线中间的文字相关推荐

最新文章

热门文章