想问下，html怎么能实现下图的效果呢？谢谢
5条回答 默认 最新
Vanqqqq 2015-12-14 10:02关注上面横线用盒子的边框做，文字浮动到线上就ok
本回答被题主选为最佳回答 , 对您是否有帮助呢?评论 打赏解决 4无用 4举报
分享
- 2021-06-14 08:23转角一只喵的博客 效果图Title.container{width: 1000px;margin: 10px auto;border: 1px solid red;}h3.title {color: #F2AE11;font-size: 1.3em;margin-bottom: 3em;text-align: center;font-weight: 500;line-height: 1.1;...
- 2021-06-09 05:56饭配粥的博客 } 优点：文字可多行 浮动实现分隔线： .demo_line_04{ width:600px; } .demo_line_04{ overflow: hidden; _zoom: 1; } .demo_line_04 b{ background: #ddd; margin-top: 8px; float: left; width: 26%; height: 1px...
- 2023-08-02 15:53糊涂涂糊涂涂的博客 开发中设置横线,或给文字增加一条横线代表弃用效果样式
- 2022-01-18 11:10风 ， 吹凉了夜的博客 HTML中间横线两边文字的简单实现方法
- 2021-06-10 00:59Ming小然的博客 这里总结了五种关于文字两边添加横线的方法。欢迎补充！最近的项目的设计经常用到文字两边添加横线的方法,这样看上去简洁明了,当然实现的方法也五花八门.暂且不说哪种方法好，邓爷爷说过不管黑猫白猫抓到老鼠就是...
- 2018-10-25 16:16@wyh的博客 DOCTYPE html> <html> <head> &...
- 2017-11-11 14:24林中明月间。的博客 //横线 <style> .exple { height: 50px; line-height: 60px; text-align: center; } .order .line { display: inline-block; width: 250px; // 横线长度 border-top: 1...
- 2021-01-12 19:02weixin_39775910的博客 css怎么在文字两边加上横线CSS怎么在文本两侧添加水平线，在css中，可以使用：before、after和content属性在文本两侧添加横线；语法“e:在前，e:在后{内容：“”；flex :1 1；border-bottom:2px实心；} “，e是包含...
- 2016-07-19 18:45zpj~.~的博客 *横线中间添加文字 方法一.line_m{text-decoration:line-through} 其他方式  ...
- 2017-09-20 19:21weixin_34352449的博客 在一些登录或者注册界面中常常可看到，一个大框框上面的横线中有插入文字，大概示意图如下： 这种现象其实是相对位置作用的结果，可以通过相对定位，是某元素恰好出现在div的边框上。 position: relative; ...
- 2024-10-18 17:20S_花花的博客 【代码】CSS：把文字放到横线之间。
- 2017-04-10 18:30安静的对折的博客 在项目中遇到过中间文字，两边横线的布局，如下图： 两边横线我们可以使用标签的上边框或者下边框，然后对中间的文字使用 vertical-align 属性来控制。 html 产品清单 css .order { height...
- 2020-04-17 14:35前端开发工程师在深圳的博客 .title-text span { ... /*定位横线（当横线的父元素）*/ color: #188eee; /*居中文字的颜色*/ text-align: center; } .title-text span:before, .title-text span:after { content: ''; pos
- 2020-12-20 23:29weixin_39975486的博客 那么css如何在文字两边加上横线(文字显示在水平线中间)？下面本篇文章给大家介绍一下。css在文字两边加上横线(文字显示在水平线中间)语法：h4:before, h4:after {content: "";flex: 1 1;border-bottom: 2px solid #...
- 2025-02-13 13:30高级代码搬运工的博客 text-decoration:none 无装饰，通常对html下划线标签去掉下划线样式。underline : 下划线。text-decoration:underline 下划线样式。overline : 上划线。text-decoration:overline 上划线样式。1、给这个数字添加css...
- 2019-04-08 19:47weixin_42777161的博客 <div class="task" > <div style="margin-top:15px;"> <span class="line"></span> <span>新手任务</span> <span class="lin...
- 2020-12-30 11:37何超瘦的博客 代码效果请直接看演示吧：Demo演示 效果一代码 这里是中间的文字部分 效果二代码 标题1
- 2022-04-21 18:14瑜子酱呀的博客 主题分隔线 <hr> 内添加文字.
- 2021-06-21 17:05fighting Ably!的博客 三个元素，左边，右边为线，中间是title内容 标题字数不固定，所以宽度不可限制，或者太长需要换行根据场景进行设置 flex布局，不可压缩的设置flex-shrink:0; 3.代码实现 <!DOCTYPE html> <html lang="en...
- 2024-07-08 14:13经海路大白狗的博客 这一小节，我们继续说HTML的入门知识，包括换行、横线分割以及注释（html的注释）。
- 没有解决我的问题, 去提问
