1

テキストの下に線を引きたいのですが、完全に下線を引く必要はありません。テキストよりも小さく、すぐ下の中央に配置された行。私のテキストは div 内にあり、右に配置されています。行を右に移動すると、テキストの下に中央揃えできますが、問題はテキストのサイズが異なる可能性があることです。

ここに私が試したいくつかのことがあります

私が必要とするのは次のようなものです:

      menu
       _
  longmenu
      _
     menus
       _

誰かが助けてくれることを願っています。

4

3 に答える 3

0

HTML と CSS を使用して効果を得ることができます。

HTML:

<span id="example">menu</span>

CSS:

example {
    text-decoration: none;
    white-space: nowrap;
    padding-bottom: 5px;
    }

example:hover {
    background: url(line1x50.gif) repeat-x 100% 100%;
    }

画像の幅を定義すると、必要なサイズになります。

于 2013-06-25T18:13:05.147 に答える