1

sup要素といくつかのパディングに丸みを帯びた角を追加したいと思います。

<div>Here is my main text<sup>sup text</sup></div>
<style>
  sup {
    background-color:#f00;
  }
</style>

http://jsfiddle.net/HPzuZ/

sup要素はdisplay:inline;デフォルトで持っています。display:block;パディングと丸みを帯びたコーナーを設定および操作できますが、sup現在ブロックされているため、HTML 構造を変更する必要があります。supHTML 構造を変更せずに CSS だけで、パディングと角を丸くして装飾することは可能ですか。

ありがとうございました。

4

1 に答える 1

3

はい、申請できますinline-block- http://jsfiddle.net/HPzuZ/1/

sup {
    background-color: #f00;
    display: inline-block;
    border-radius: 3px;
    padding: 0 6px;
}​
于 2012-07-07T20:59:52.180 に答える