1

スパンに適用して、誰かが実行しなければならないアクションを示すために少し異なる形式にするクラスがあります。

<p>Example of styling a <span style="background-color:#ccc; color:#066; font-weight:900; padding:0 8px;">Button</span> press.</p>

この例はインライン スタイルを示していますが、最終的にはクラスになります。私が知りたいのは、スタイリングの一部としてテキストの周りに山かっこを追加することは可能ですか? これを達成できることはわかってい<q>ますが、これをスタイリング情報の一部にしたいと考えています。とにかくこれは可能ですか？

事前に助けてくれてありがとう。

4

2 に答える 2

2

はい、疑似要素を使用してスタイルにブラケットを含めることができますが、<= IE7 ではサポートされていません (前回チェックしたときの市場シェアは ~4.5% でした)。このメソッドは、疑似要素:beforeとを使用:afterして、要素の前後にそれぞれ CSS に基づいてコンテンツを生成します (ただし、 の内部には残ります.button)。

jsフィドル

ここに画像の説明を入力

.button:before {
    content:"<";
}

.button:after {
    content:">";
}
于 2013-03-30T16:46:07.423 に答える
0

:beforeこれは、疑似and:afterおよびを使用して簡単に行うことができますcontent。

span:before {
    content: "«";
}
span:after {
    content: "»";
}

また、要素としてはこちらの方が適していると思いますkbd。

http://jsfiddle.net/ExX66/

于 2013-03-30T16:47:34.137 に答える