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

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

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

實(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>測(cè)試</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>這是一個(gè)提示框</span> 
    </div> 
  </body> 
</html>

 

主站蜘蛛池模板: 丰满的少妇愉情hd高清果冻传媒| 97在线视频人妻无码| 亚洲高清www色好看美女| 国产成人a在线观看视频| 九九综合va免费看| 日韩精品黄| 国产精品一区二区久久不卡| 日韩一级在线| 国内精品人妻无码久久久影院导航 | 精品无码专区毛片| 色一情一交一乱一区二区| 伊人久久精品无码麻豆一区| 亚洲一区二区天堂| 中文字幕精品久久久久人妻红杏ⅰ | 亚洲九九夜夜| 亚洲自偷自拍熟女另类| www成人网| 欧美激情一区二区三区| 午夜剧场欧美| 精品一区二区久久久久久久网站| 爽爽午夜影视窝窝看片| 国产真实露脸乱子伦| 亚洲视频123| 国产一区二区三区四区五区vm| 激情超碰| 免费观看又色又爽又黄的崩锅| 好爽好黄的视频| www.色午夜.com| 亚洲精品综合一区二区| 99福利| 日本乱偷互换人妻中文字幕| 精品在线免费播放| 肉体暴力强伦轩在线播放| 91精品国模一区二区三区| 天堂俺去俺来也www色官网| 色综合久久成人综合网| 色狠狠av老熟女| 天天躁夜夜躁狠狠是什么心态|