使用正確的CSS屬性在工具提示的右邊添加箭頭。

您可以嘗試運(yùn)行以下代碼以在左側(cè)添加帶有箭頭的工具提示

示例html>

.mytooltip?.mytext?{

visibility:?hidden;

width:?140px;

background-color:?blue;

color:?#fff;

z-index:?1;

top:?-5px;

left:?110%;

text-align:?center;

border-radius:?6px;

padding:?5px?0;

position:?absolute;

}

.mytooltip?{

position:?relative;

display:?inline-block;

margin-left:?50px;

}

.mytooltip?.mytext:after?{

content:?"";

position:?absolute;

top:?50%;

right:?100%;

margin-top:?-5px;

border-width:?6px;

border-style:?solid;

border-color:?transparent?blue?transparent?transparent;

}

.mytooltip:hover?.mytext?{

visibility:?visible;

}

Keep?mouse?cursor?over?me

?My?Tooltip?text

創(chuàng)作挑戰(zhàn)賽新人創(chuàng)作獎(jiǎng)勵(lì)來(lái)咯，堅(jiān)持創(chuàng)作打卡瓜分現(xiàn)金大獎(jiǎng)

總結(jié)

以上是生活随笔為你收集整理的css 向左白色箭头,带CSS的工具提示左侧的箭头的全部?jī)?nèi)容，希望文章能夠幫你解決所遇到的問(wèn)題。

如果覺(jué)得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。