2017-08-26 10 views
0

私のCSSでいくつかの助けが必要です。私は緑色の境界線を調整することはできませんし、緑色の境界線を小さくしたいと思います。境界線を調整できません

.col_eight { 
 
    position: relative; 
 
    float: right; 
 
    width: 29%; 
 
    padding: -80px; 
 
    margin-bottom: -80px; 
 
    padding-bottom: 1px; 
 
    border: 1px solid green; 
 
}
<a href="quicklinks.php"> 
 
    <div class="col_eight down"> 
 
    <div class="hover panel"> 
 
     <div class="front"> 
 
     <div class="box11"> 
 
      <p style="font-size:150%; color: white;">Quick Links</p> 
 
     </div> 
 
     </div> 
 
    </div> 
 
    </div> 
 
</a>

そして、ここではスクリーンショットです:

Green Border

+0

スニペットの対応するセクションにCSSとHTMLを置くことができます – Juan

+0

ハム、子コンポーネントの動作に関する情報はありません。あなたはより多くのコード、より良い、実用的な例を提供できますか? これまでのところ、私はあなたのマイナスマージンの底に自信を持っていません。あなたの情報のために、否定的な埋め込みはcssに存在しません。 – Neovea

+0

あなたの子供のコンポーネントを見て、私はそれらのいずれかがあなたのスタイルを乱していると確信しています。 – Neovea

答えて

0

はあなたのCSSのborder-widthプロパティを試してみてください:

https://www.w3schools.com/cssref/pr_border-width.asp

+0

境界を太くするか薄くするだけで、境界線のサイズを調整したいですか? @nick tamburro –

+0

「国境の大きさ」はどういう意味ですか? – curveball

+0

@curveball緑色のボックスを小さくしたい。 –

0

正しく理解すれば、「クイックリンク」ボタンと境界線の間のスペースを小さくしたいですか?そうであれば、ボーダーの代わりにパディングを見てください。

divに最大高さを指定して、ストレッチを下限に制限してみてください。完全なHTML/CSSコードを提供していないと、私はあなたを助けることができません。

関連する問題