2

ホバー状態でリンクテキストの前後に文字を追加できないかと。

例えば

通常の状態:

「テキスト」

ホバー状態:

「[テキスト]」

現時点では、私のリストは次のようになります。

<div  id="navigation">
<ul>
    <li><a href="#">Journalist</a></li>
    <li><a href="#">Writer</a></li>
    <li><a href="#">Publications designer</a></li>
</ul>

#navigation li a:hover{


  text-shadow:2px 1px 3px #00CDCD;}

ありがとう

4

1 に答える 1

12

生成されたコンテンツを使用するだけです:

a:hover::before {
    content: '[ ';
}

a:hover::after {
    content: ' ]';
}

JS フィドルのデモ。

于 2012-11-12T15:41:23.100 に答える