如何在文本之间放置这些行?

时间:2014-10-11 14:30:20

标签: forum

我想要并且还没有弄清楚如何将它们放在导航栏上的链接之间或者至少在文本片段之间。

带圆圈的部分

http://s10.postimg.org/724qvm42h/needhelp.png

1 个答案:

答案 0 :(得分:0)

你的问题有点不清楚。但是,如果您使用html和css执行任务,那么您可以这样做:(假设您想在菜单栏中添加行)

HTML code:
<input type="button" value="button1" id="mybutton">
<input type="button" value="button2" id="mybutton">
<input type="button" value="button2" id="mynewbutton">

CSS code:
#mybutton
{
    border:none;
    border-right: 2px solid #87240f;
    background-color:transparent;
}
#mynewbutton
{
    border:none;
    background-color:transparent;

}

这就是我得到的:

enter image description here

如果你想在文本之间加上垂直线,那么:

HTML Code:
<p class="aboutus">
<b>About Us</b><br>
<br>   
NECI Overview<br>
Our History<br>
Accreditation<br>
Why choose us?<br>
Campus Tour<br>
Affliations<br>
Awards<br>
Community <br>
News<br>
</p>

CSS:
.aboutus{

font-family: 'Lato', sans-serif;
font-size: 14px;
float: left;
border-right: 1px solid;
width: 140px;
}

输出:

enter image description here