css - DIV の側面の境界線

Question

div の右側に境界線が必要です。

そうです：

<div class="span6" style="border-right: 2px solid #727272;">

問題は、境界線が div の上下に出ないようにしたいということです。たぶん上から5px、下から5px。または、div の高さの 90%。どうすればいいですか？

ありがとう

Answer 1

疑似要素を使用して境界線を保持できます。次の例では、「境界線」が親要素の高さの 90% になります。

http://cssdeck.com/labs/kyrvt8hf

div {
  position: relative;
}

div:after {
  display: block;
  content: '';
  position: absolute;
  top: 5%;
  bottom: 5%;
  right: 0;
  border-right: 2px solid red;
}