成人免费在线观看视频-国产绿帽子多p交换视频-精品国产一区av-免费xx视频-人妻熟妇乱又伦精品视频中文字幕-特级毛片内射www无码

DIV+CSS實(shí)現(xiàn)左側(cè)帶三角形的提示框

2016/9/21 8:36:43   閱讀:1857    發(fā)布者:1857

實(shí)現(xiàn)效果

實(shí)現(xiàn)代碼

<!DOCTYPE html> 
<html> 
  <head> 
    <meta charset="UTF-8"> 
    <link rel="shortcut icon" href="resources/img/logo-color.png" type="image/x-icon"> 
    <title>測試</title> 
    <style> 
    .out-div { 
        color: #FFFFFF; 
        font-size: 16px; 
        line-height: 40px; 
        display: inline-block; 
        height: 40px; 
        width: 200px; 
        text-align: center; 
        border-radius: 5px; 
        margin-left: 32px; 
        vertical-align: top; 
        background-color: maroon; 
    } 
     
    .arrow { 
        width: 0px; 
        height: 0px; 
        border-top: 10px solid transparent; 
        border-right: 10px solid; 
        border-bottom: 10px solid transparent; 
        position: absolute; 
        margin-left: -10px; 
        margin-top: 10px; 
        border-right-color: maroon; 
    } 
    </style> 
  </head> 
  <body> 
    <div class="out-div"> 
        <div class="arrow" ></div> 
        <span>這是一個提示框</span> 
    </div> 
  </body> 
</html>

 

主站蜘蛛池模板: 无码av中文一区二区三区桃花岛| 人人妻人人爽人人爽| 2019亚洲午夜无码天堂| 欧美性大战xxxxx久久久| 亚洲午夜成人片| 国产成人无码国产亚洲| 97人妻精品一区二区三区| 国产在线高清视频无码| 日日碰狠狠丁香久燥| 成人无码av片在线观看| 免费无码一区二区三区a片| 亚洲国产成人精品综合av| 亚洲国产精品一区二区第一页| 亚洲乱码日产精品b| 日本两人免费观看的视频 | 亚洲第一综合天堂另类专| 国产精品视频观看裸模| 欧美成人免费一区二区三区视频| 欧美性群另类交| 一区二区人妻无码欧美| 国产互换人妻hd| 国产私人尤物无码不卡| 国产成人无码区免费网站| 天天躁日日躁狠狠久久| 欧美成人精品手机在线| 超碰免费公开| 99国产这里有精| 亚洲欧洲老熟女av| 亚洲国产精品嫩草影院| 999zyz玖玖资源站在线观看| 色先锋资源久久综合5566| 老司机免费的精品视频| 中文成人在线| 四虎精品成人影院在线观看| 国产东北肥熟老胖女| 99热门精品一区二区三区无码| 少妇把腿扒开让我爽爽视频| 亚洲人成日韩中文字幕不卡| 欧美亚洲精品一区二区| 久热爱精品视频线路一| 免费观看交性大片|