2010-06-12 65 views
0

我想在边栏中的每个列表之后添加一个像边框一样的图片。我知道它与此有关WordPress的边栏边框

#sidebar h2 { 
border-bottom: 1px solid #d6d6d6; 
} 

因为我试过这段代码和一个边框出现。但我想要的是一张图片,我可以在帖子中做到这一点:

.TitleBorder { 
background: url(images/border.png) repeat-x; 
height: 3px; 
width: 615px; 
} 

and 
<div class="TitleBorder"></div> 

但是在边栏中,我无法做到这一点。任何帮助?

回答

1

您可以直接为h2标签设置背景。示例:

h2 { 

background:url(images/border.png) 0px 0px; 

} 

第一个0px用于x轴,第二个用于y轴。

让说你要在H2文字的底部移动的背景,你可以将其设置是这样的:

h2 { 

background:url(images/border.png) 0px 10px; 

} 
+0

我只是写在背景定位后。可能有帮助。此外,请确保列表项目显示为块lvl。 http://inteldesigner.com/2010/code/background-image-positioning-explained – Kevin 2010-06-12 17:00:08