css tooplis
<html> <style> .tooltips{ position:relative; width:62px; height:32px; line-height:32px; text-align: center; /* background: #FFFFFF; */ border-radius:4px; border:1px solid rgba(0,0,0,0.20); box-shadow: 0 1px 4px 0 rgba(0,0,0,0.20); } .arrow{ position:absolute; color: #FFFFFF; width: 0px; height:0px; line-height: 0px; border-width: 15px 13px 0; border-style: solid dashed dashed dashed; border-left-color: transparent; border-right-color: transparent; /* bottom: -15px; */ right: 30%; } .arrow-border{ color: rgba(0,0,0,0.20); bottom: -15px; right: 30%; } .arrow-bg{ color: #FFFFFF; bottom: -14px; right: 30%; } </style> <body> <div class="tooltips"> content <div class="arrow arrow-border"></div> <div class="arrow arrow-bg"></div> </div> <body> </html>
相关推荐
myloveqiqi 2020-08-09
AlisaClass 2020-07-19
大象从不倒下 2020-07-31
猫沙盆 2020-07-08
猫沙盆 2020-07-07
云端漂移 2020-07-06
xiaohuli 2020-06-11
葉無聞 2020-06-09
淡风wisdon大大 2020-06-06
福叔 2020-06-02
CaiKanXP 2020-06-02
opspider 2020-05-29
guicaizhou 2020-05-06
jiangfulai 2020-04-11
buttonChan 2020-04-10
jiedinghui 2020-02-20