您现在的位置:首页 >> 前端 >> 内容

HTML中用CSS样式实现文字两边添加水平线的教程

时间:2017/11/28 15:29:07 点击:

  核心提示:(1)html中的代码:p class=contentp class=title新特卖每日早10晚8上新/p/p(2)css样式中的代码:.content{width: 960px;margin: 1...

(1)html中的代码:

<p class="content">
    <p class="title">新特卖每日早10晚8上新</p>
</p>

(2)css样式中的代码:

.content{
    width: 960px;
    margin: 100px auto;
    border-top: 1px solid black;
    position: relative;
}

.content .title{
    width: 320px;
    height: 50px;
    background: #FFFFFF;
    text-align: center;
    line-height: 50px;
    font-size: 25px;
    color: #666666;
    position: absolute;
    top: -25px;
    left: 320px;
}

效果图如下:

HTML中用CSS样式实现文字两边添加水平线的教程

Tags:HT TM ML L中 
作者:网络 来源:与我常在i 的博客