3

border-right-width プロパティを使用して、境界線の幅を制御できます。高さを border-right-height のように設定する方法はありますか?

例えば：

ホーム|私たちについて

しかし、私は|が欲しい 少し短くする。

4

3 に答える 3

3

borderプロパティを希望どおりに設定することはできません。ただし、ここでは疑似要素を使用すると便利な場合があります (誇張された実際の例を参照)。

HTML (可能 -- 他の構成も可能)

<div class="menu"><span>Home</span><span>About</span><span>Last</span></div>

CSS

.menu span {font-size: 2em; padding: 10px; position: relative;}

.menu span:after {content: ''; position: absolute; right: 0; top: .6em; bottom: .6em; width: 1px; background-color: black;}

.menu > span:last-child:after {display: none;}
于 2012-05-02T20:26:59.207 に答える
0

それは、境界線ではなく、要素自体の高さに接続されます。

于 2012-05-02T20:16:25.780 に答える
0

境界線の幅、スタイル、色以外を設定する方法はありません。境界線をテキストとは異なる高さに見せたい場合は、これらの 2 つの要素の間に要素を追加し、その高さと垂直方向の配置を調整する必要があります。作業しているコードによっては、背景画像を使用するのが最適な場合があります。

于 2012-05-02T20:19:17.007 に答える