滑门与尾巴

Question

我的<H2>背景有圆角。我正在寻找一种方法来创建一个1px行，该行从框移动到右侧容器的末尾。有没有人有想法？

Answer 1

好吧，我终于放弃并在我的h2中加入了一些div。 ：（

CSS

#content h2 {
    background: url(../images/bg-page-title.png) -900px 0px no-repeat;
    font: 1.4em Georgia, Times, Arial bold;
    height: 40px;
    margin: 0px 20px;
    text-transform: uppercase;
}

#content h2 .head {
    background: url(../images/bg-page-title.png) no-repeat;
    float: left;
    padding: 8px 20px;
    height: 100%;
}

#content h2 .tail {
    background: url(../images/bg-page-title.png) -857px 0px no-repeat #ffffff;
    float: left;
    height: 100%;
    width: 15px;
}

HTML 的

<h2>
    <div class="head">Find A Job</div>
    <div class="tail">& nbsp;</div>
</h2>

Answer 2

在背景图片中包含该行