帶尾巴的滑動門

我有一個帶圓角的背景的<H2>。我正在尋找一種方法來創建一個1px線，從盒子移動到右側容器的末端。有人有想法嗎？帶尾巴的滑動門

來源

2009-01-09 psayre23

你能嘗試是一個更具體一點？豎線？從H2到最後的內移動？ – 2009-01-09 19:19:46

包括背景圖像

來源

2009-01-09 19:22:41 brian

呵呵，h2的內容長度是動態的，但不是高度，我可以做一個背景圖片，但是我需要將它從盒子中分離出來。 – psayre23 2009-01-09 19:24:48

好了行了，我終於放棄了，在我的堅持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>

來源

2009-01-09 19:39:06 psayre23

帶尾巴的滑動門

回答

相關問題