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

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;
}