檬味博客 » 问答 » 怎么在文字两边加横线css

怎么在文字两边加横线css

Title body{background: #f0f0f0} .con{position:relative;height:1.875rem;line-height: 1.875rem;margin:2.47rem auto;text-align: center;} .con i{display:block;height:1px;background:#e1e1e1;position:absolute;top:0.9rem;width:100%;} .con p{ display:inline-block;font-size:...
怎么在文字两边加横线css
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<style>
body{background: #f0f0f0}
.con{position:relative;height:1.875rem;line-height: 1.875rem;margin:2.47rem auto;text-align: center;}
.con i{display:block;height:1px;background:#e1e1e1;position:absolute;top:0.9rem;width:100%;}
.con p{
display:inline-block;
font-size: 0.75rem;
color:#c1c1c1;
background:rgba(240,240,240,1);
padding:0 1.875rem;
text-align: center;
margin:0 auto;
position:relative;
z-index:2;}
</style>
</head>
<body>
<div class="con">
<i></i>
<p>到底了</p>
</div>
</body>
</html>
这里使用了背景色和透明度，细心的人可能会发现，body设置的背景色刚好是‘到底了’的文字的背景色，同时也用了行内块、透明度以及相对定位来实现了的噢。
2020-10-28
mengvlog 阅读 6 次 更新于 2025-07-20 23:38:10 我来答关注问题0
1 个回答檬味博客专题活动
  • 阿暄生活 css 如何在字体上画横线框

    方法/步骤 1，新建一个html文件，命名为test.html，用于讲解css中如何给文字底部添加一条虚线。2，在test.html文件内，使用p标签创建多行文字。3，在test.html文件内，设置p标签的class属性为mycss。4，在css标签内，通过class定义p标签的样式，设置它的宽度为300px，行高为30px。5，在css标签内，再...

  • 湖北倍领科技 文字旁加一条横线怎么加

    在文本编辑器中，可以使用HTML代码“”来添加下划线。例如，要将“文字”加下划线，可以写成文字。此外，还可以使用破折号“-”或等号“=”来表示横线。破折号适合短横线，等号适合更长的横线。例如，要表示“横线”，可以写成“——”或“==”。在某些情况下，使用CSS样式也可以实现类似效果。例如，在HT...

  • 云南新华电脑学校 怎么在文字两边加横线css

    这里使用了背景色和透明度，细心的人可能会发现，body设置的背景色刚好是‘到底了’的文字的背景色，同时也用了行内块、透明度以及相对定位来实现了的噢。

  • 文暄生活科普 怎样用CSS样式在文字下面加

    1. 在CSS中，通过设置text-decoration: underline; 来为文本添加下划线。比如，如果你的HTML代码中有一个样式为"txt"的文本，可以这样修改：原始代码:修改后的代码:这样，文本下方就会出现下划线，效果直观易见。另一种方法是利用div元素和border属性。通过设置border-bottom: 1px solid black; 和 padding-...

  • 宜美生活妙招 怎么在姓名后面加横线??

    直接输入下划线：在输入姓名之后，紧接着按下键盘上的下划线键，即可在姓名后面加上横线。例如，“张三_”。在网页或编程环境中：使用HTML标签：如果是在HTML中，可以使用标签来给文字加下划线。例如，张三会显示为“张三”。使用CSS样式：通过CSS给元素添加textdecoration: underline;样式，也可以实现同样的...

其他CSS类似问题

檬味博客在线解答立即免费咨询

CSS相关话题

Copyright © 2023 WWW.MENGVLOG.COM - 檬味博客
返回顶部