国产麻豆一区二区精彩视频-国产麻豆一区精品视频-国产麻豆一区在线-国产毛a片久久久久无码-国产毛片av一区二区三区网站-国产毛片精品av一区二区

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

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

實現(xiàn)效果

實現(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>

 

【 微信掃一掃 】

文章分類

相關(guān)新聞

熱門標(biāo)簽

主站蜘蛛池模板： 精品久久久久久无码人妻 | 西西人体444www高清大胆 | 久久在视频 | 日日狠狠的日日日日 | 国产精品俺来也在线观看 | 久久精品国产99久久久古代 | 国产色情理论在线观看视频 | 亚洲乱码精品久久久久.. | 久草最新| 午夜色网| 国产激情综合在线观看 | 国产2021精品视频免费播放 | 欧洲人妻丰满av无码久久不卡 | yy4138理论片在线大全 | 亚州毛色毛片免费观看 | 国产激情久久久久影院小草 | 久久久老熟女一区二区三区 | 操一操日一日 | 久久发布国产伦子伦精品 | 欧美高清hd视频免费播放 | 全免费午夜一级毛片一级毛 | av国产传媒精品免费 | 九九热在线视频观看这里只有精品 | 日韩免费毛片视频 | 亚洲v欧美v国产v在线观看 | 亚洲的天堂| 精品久久久久中文字幕一区 | 婷婷综合在线观看丁香 | 护士三级做爰视频 | 色综合精品 | 美女在线视频网站 | 欧美高清不卡午夜精品免费视频 | aa级黄色片 | 丁香婷婷六月综合交清 | 色视频免费在线观看 | 天啪天天天天拍天天碰 | 丁香色婷婷国产精品视频 | 国产专区在线视频 | 操免费视频 | 久久婷婷五月综合国产尤物app | 亚洲av人人澡人人爽人人夜夜 |