2016-05-03 6 views
0

私は、中央の太い(4px)線で上端と境界線の境界線を作成しようとしていますが、端点はゼロになります。 PIC enter image description here凸ボーダートップとボーダーボトムとCSS?

.hervorheben{ 
    line-height: 1.6em; 
    margin-bottom: 1.6em; 
    margin-top: 1.6em; 
    text-rendering: optimizeLegibility; 
    border-top: 1px solid #105322; 
    border-bottom: 1px solid #105322; 
    padding: 19px; 
    margin: auto auto; 
} 

であなただけのCSSでそれを行う方法を知っていますような?

答えて

2

あなたがそのような境界線を作るcan`tいますが、

.your_class { 
    position: relative 
} 

.your_class:after { 
    position: absolute; 
    width: 100%; 
    height: 4px; 
    background: #000; 
    border-radius: 100%; 
    content: ""; 
    top: 0; 
    left: 0; 
} 

をお楽しみください次のように(後)擬似要素で管理することができます.... はどのようにすることができます:-)作品

+0

感謝ビットマージンを持つdivの上と下の行を取得しますか?私はこれを試みたが、私のために働かなかった。 .hervorheben:before { 位置:相対; 幅:80%; 身長:4px; 背景:#105322; ボーダー半径:100%; コンテンツ: ""; 左:10%; bottom:0; } .hervorheben { \t \t \t \t \t位置:相対。 \t \t \t \t} .hervorheben:{ の位置:絶対; 幅:80%; 身長:4px; 背景:#105322; ボーダー半径:100%; コンテンツ: ""; 左:10%; トップ:0; } –

+0

正または負の値でトップまたはボトムのプロパティを変更する –

関連する問題