0

フローティング要素があります。その目的は、何かを削除できることを示す「x」を表示することです。

.remove_button{
background-color:#ff3300;
color:#ffffff;
font-family:Courier New,sans-serif;
font-weight:900;
font-size:20px;
float:right;
border-radius:5px;
padding:0px 6px 0px 6px;
margin-right:15px;
}

<div class="remove_button" title="Remove">x</div>

赤い背景の上にきちんとした小さな 'x' が表示されます (写真を作成する必要はありません。私はそれが苦手です)。ツールチップとしても:

------xRemove------   one '-' is one pixel of padding
4

1 に答える 1

0

これを試して、

.remove_button{
background-color:#ff3300;
color:#ffffff;
font-family:Courier New,sans-serif;
font-weight:900;
font-size:20px;
float:right;
border-radius:5px;
padding:0px 6px 0px 6px;
margin-right:15px;
position:relative;
}

.tip{ 位置:絶対; 表示:なし; 境界線:1px ソリッド #aab; 背景:#eef; パディング:0 3px; 左:15px; 上:25px; }

.remove_button:hover .tip{
display:block;
}

</p>

于 2012-05-06T17:22:31.117 に答える