css 向左白色箭头,带CSS的工具提示左侧的箭头
生活随笔
收集整理的這篇文章主要介紹了
css 向左白色箭头,带CSS的工具提示左侧的箭头
小編覺得挺不錯的,現在分享給大家,幫大家做個參考.
使用正確的CSS屬性在工具提示的右邊添加箭頭。
您可以嘗試運行以下代碼以在左側添加帶有箭頭的工具提示
示例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
創作挑戰賽新人創作獎勵來咯,堅持創作打卡瓜分現金大獎總結
以上是生活随笔為你收集整理的css 向左白色箭头,带CSS的工具提示左侧的箭头的全部內容,希望文章能夠幫你解決所遇到的問題。
- 上一篇: 艾布拉姆斯无人炮塔主战坦克
- 下一篇: html中两个图片叠放,CSS实现图片叠