0

CSSのサンプルを作りました。私が問題に直面している主な部分は次のとおりです。

#sign
{
 font-size: xx-large;
 color:white;
 background-color:blue;
 font-weight:bolder;
 text-align: right;
 position:right;
}

そして私はそれを次のように実装しています:

<div id="sign">Me and Me</div>

こちらは背景色が帯状に表示されています。ここで、背景色をテキスト領域「Me and Me」のみに限定したいと考えています。これを達成するには、どのような変更を行う必要がありますか?

4

3 に答える 3

1

ここで、「私と私」のテキストを で囲みましたspan。background-colorのプロパティを削除#signし、 に追加しましたspan。

HTML

<div id="sign"><span>Me and Me</span></div>​

CSS

#sign
{
    font-size: xx-large;
    color:white;
    font-weight:bolder;
    text-align: right;
    position:right;
}
#sign span { background-color:green; } /* or any color of your choice */

デモリンク

于 2012-08-03T17:54:03.840 に答える
1

スタイルを設定したい要素の背景を設定できない理由はありますか?

このリンクを使用すると、必要なのはdisplay: inline;通話であることがわかります。私はあなたが見るために簡単なjsFiddleを書きました。これはあなたが望むものでなければなりません... http://jsfiddle.net/NjAUR/

右側にそれが必要であることを確認して、position: right宣言を取り除き、float: right. これが更新されたバージョンです... http://jsfiddle.net/NjAUR/1/

于 2012-08-03T17:28:32.020 に答える
1

display:inline;CSSで使用します。また、右側でそれが必要な場合float:rightも使用します。

デモを見る

于 2012-08-03T17:38:21.340 に答える