境界線の幅を変更する

このリストの境界線の幅を変更して（RSSフィード）、DIVの幅を変更せずにコンテンツの幅のおよそ半分と中央になるようにしたいのですがRSSフィード。境界線の幅を変更する

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

はあなたがここにアクションでそれを見ることができます：

.rssBody ul { list-style: none; 
} 

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

}

この

は、RSSフィードのCSSです http://www.cjfoote.co.uk/news/index.html

出典

2012-01-25 Chris Foote

申し訳ありませんが、私は "border-width-top"を試しましたが、それは単純に境界のダッシュの幅を変更するだけで、全体の幅は変更しないため動作しません。私は国境の外観を変えたいとは思っていません。 –

これは擬似要素を使用して行いますが、これは必ずしもすべてのブラウザで使いやすいとは限りません。 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

Brilliant、これは素晴らしい作品です！唯一の問題は、境界が現在中央に配置されていないことです。私は "パディング - 左：30px;"それは動かない。何か案は？ –

申し訳ありませんが、コードに記入するのを忘れてしまいました。 'margin：0px auto;'を中央に置いてください。 – Ktash

マージン左：自動; margin-right：auto;しかし、あなたのやり方はうまくいきます。再度、感謝します。 –

CSSの境界線は、要素の完全な寸法に適用される、とすることはできません特定の部分のみに適用されるか、または特定の幅または高さによって適用される。常に要素全体に接します。

同様のことを達成するには、達成しようとしているボーダーエフェクトのようなイメージを作成し、それを要素の背景として設定するのが最善の方法です。

出典

2012-01-25 00:25:10

- または別のdivの幅が狭く、最初のほうの正しい位置に浮かぶ –

答えて

関連する問題