日本一卡精品视频免费丨国产午夜片无码区在线播放丨国产精品成人久久久久久久丨国产亚洲日韩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>

 

主站蜘蛛池模板: 国产精品青青在线观看爽香蕉| 亚洲中文字幕无码一久久区| 各处沟厕大尺度偷拍女厕嘘嘘 | 国产精品视频网址| 国产大片黄在线观看私人影院| 日韩av无码一区二区三区不卡毛片 | 国内av片| 秋霞影院午夜伦a片欧美| 久久看片| 日本老肥婆bbbwbbbwzr| 国产精品妇女一二三区| 久久天堂综合亚洲伊人hd妓女 | 人人妻人人澡人人爽精品日本 | 十八禁无码免费网站| 图片区小说区另类春色| 亚洲精品国产综合久久久久紧| 日本人妻中文字幕乱码系列| 亚洲色图欧美激情| 国产偷倩视频| 久久久久久av无码免费网站| 国产真实乱对白精彩久久老熟妇女| 亚洲电影天堂av2017| 思热99re视热频这里只精品| 亚洲日韩国产av无码无码精品| 国产v亚洲v天堂a无码99| 破了亲妺妺的处免费视频国产| av无码精品一区二区三区四区| 日本人妻丰满熟妇久久久久久| 久久久综合九色合综| 羞羞午夜福利免费视频| 思思久久99热久久精品66| 欧美内射深插日本少妇| 国产在线综合网| 性大毛片视频| 精品一区在线视频| 国产精品岛国久久久久| 国产成人综合色在线观看网站| 男人天堂久久|