border-right:1px solid #FFF; 这条线能否指定高度？
border-right:1px solid #FFF;

这句大家都懂。但是这条线能不能指定他的高度呢。比如我的高度是40我想给这条30的高度。

------解决方案--------------------
很多事情在你允许有所更改的时候 只是想达到你要的视觉效果，是可以的。没有直接达到的效果。
<div style="height:40px;line-height:40px;">
  <p style="height:18px;padding:0 10px;border-right:solid 1px red;line-height:18px;margin-top:11px;">文字</p>
</div>
------解决方案--------------------
这样算吗？

 a {

            display:block;

            border-right:1px solid #ccc;

            padding-top:20px;

            padding-bottom:20px;

            

            /*可注释下面的内容*/

            width:100px;

        }

 <a href="#">whitehouse</a>

------解决方案--------------------
是不是说一个框框，然后右边的框框的边框的高度比如是40，你想下面的30是有颜色的，上面的10是没颜色的？ 据我所知，没可能。但是你可以不设右边框，在里面浮动一个li或者div啥的，让它的宽为1，高为30，背景色设上，然后设下浮动的位置就行了，或者直接float：right，然后margin-top:10