日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩av在线播放不卡丨亚洲日韩av无码

DIV+CSS實現左側帶三角形的提示框

2016/9/21 8:36:43   閱讀:2004    發布者:2004

實現效果

實現代碼

<!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>

 

主站蜘蛛池模板: 欧美国产日韩亚洲中文| 国产午夜精品在线| 少妇厨房愉情理9仑片视频下载| 亚洲精品国偷拍自产在线观看蜜桃| 亚洲熟妇真实自拍另类| 精品无码久久久久国产| 国产欧美一区二区精品久久久 | 欧美在线中文| 久久99精品久久久久久秒播| 亚洲哺乳偷拍哺乳偷拍| 欧洲熟妇色xxxxx视频| 91在线视频免费观看| 久久无码中文字幕免费影院蜜桃| 丰满少妇在线观看资源站| 欧美伊人久久大香线蕉综合| 国产福利视频一区二区| 日产精品一区二区| 精品无码专区亚洲| 色五月丁香五月综合五月4438| 天堂av无码av一区二区三区| 黄片毛片在线观看| 中文字幕av一区二区三区人妻少妇| 色五月丁香五月综合五月4438| 日韩午夜激情视频| 被灌满精子的少妇视频| 狠狠操网址| 国产成人精品综合在线观看| 国产妇女馒头高清泬20p多毛| 丁香花在线影院观看在线播放| 亚洲欧洲精品一区二区三区| 永久天堂网av手机版| 视频国产一区| 噜噜色综合噜噜色噜噜色| 蜜桃麻豆www久久囤产精品 | 亚洲男同视频网站| 国产精品扒开腿做爽爽爽a片唱戏 女同互慰高潮呻吟免费播放 | 亚洲午夜精品久久久久久浪潮 | 亚洲蜜桃精久久久久久久久久久久|