文字两边加横线

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了文字两边加横线相关的知识,希望对你有一定的参考价值。

<div id="login_frame">

    <div class="with-line">推荐使用以下浏览器</div>

</div>




<style type="text/css">

/* 

文字两边横线

 */

#login_frame .with-line {

width:462px;font-size: 16px;

color: #000;

margin: 0 auto;

position: relative;

text-align: center

}


#login_frame .with-line:before {

content: "";

border-top: 1px solid #000;

display: block;

position: absolute;

width: 150px;

top: 10px;

left: 0

}


#login_frame .with-line:after {

content: "";

border-top: 1px solid #000;

display: block;

position: absolute;

width: 150px;

top: 10px;

right: 0

}

</style>

本文出自 “ubuntu” 博客,请务必保留此出处http://10231879.blog.51cto.com/10221879/1878770

以上是关于文字两边加横线的主要内容,如果未能解决你的问题,请参考以下文章

中间文字,两边横线的css3伪类的使用

文字两侧加横线的解决方案

CSS里面怎么在字体下面添加 图片 图片是一条横线

Markdown学习

word文档的目录下面莫名多了横线?怎么消除?

如何在EXCEL里统一加一个文字?