更改边框的宽度CSS

我想知道如何更改此列表（RSS提要）边框的宽度，以使其大约为内容宽度的一半并居中，而不更改DIV的宽度或RSS订阅。更改边框的宽度CSS

.rssBody ul { list-style: none; 
} 

.rssRow,.rssRow p { 
    margin-bottom:-5px; 
    border-top:1px dashed #000000; 

}

这就是RSS Feed的CSS：

#recent_feed{ 
    top:213px; 
    right:23px; 
    width:230px; 
    padding-bottom:80px; 
    font-family:'MuseoSlab', 'Helvetica', 'Arial'; 
    font-size:16px; 
    text-align:justify; 
    position:absolute; 
    z-index:0; 
}

你可以看到它在这里的行动：http://www.cjfoote.co.uk/news/index.html

来源

2012-01-25 Chris Foote

对不起，忘了提 - 我已经试过“边框宽度顶”，并且不工作，因为它只是改变了短线的边框宽度，而不是总宽度。我不想改变边界的外观，它有多宽。 –

我会用一个psuedo元素来做，尽管这在所有浏览器中并不一定是友好的。应该是IE 8+。

.rssRow:before, .rssRow p:before { 
    content: ""; /* So that it will show */ 
    display: block; /* So it can have width */ 
    width: 50%; /* Make sure position on these elements is relative (or something besides default) */ 
    height: 1px; 
    border-top: 1px dashed #000000; 
    margin: 0px auto; /* Center the line */ 
}

来源

2012-01-25 00:27:06 Ktash

后面的正确位置，这非常棒！唯一的问题是现在边界没有居中。我试过了“padding-left：30px;”等等，但它不动。有任何想法吗？ –

对不起，忘了把它放在代码中。做'margin：0px auto;'就可以居中。 – Ktash

保证金余额：自动;保证金右：自动;也可以工作，但你的方式更整洁。再次感谢。 –

CSS边框应用于元的全尺寸，且不能仅适用于某一部分或某一宽度或高度。它将始终围绕整个元素。

要做出类似的事情，最好的选择是创建一个看起来像你想要完成的边框效果的图像，并将其设置为元素背景。

来源

2012-01-25 00:25:10

- 或者另一个div更窄，并且漂浮在第一个 –

更改边框的宽度CSS

回答

相关问题