性感美女被日视频,性感美女视频性感

css帶邊框的小氣泡

2018.03.20

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .tag{
            width:300px;
            height:100px;
            border:5px solid #09F;
            position:relative;
            background-color:#FFF;
        }
        .tag:before,.tag:after{
            content:"";display:block;
            border-width:20px;
            position:absolute; bottom:-40px;
            left:100px;
            border-style:solid dashed dashed;
            border-color:#09F transparent transparent;
            font-size:0;
            line-height:0;
        }
        .tag:after{
            bottom:-33px;
            border-color:#FFF transparent transparent;
        }
    </style>
</head>
<body>
<div class="tag">
    css3氣泡框
</div>
</body>
</html>

如圖所示：

稍微修改修改，就可以得到自己想要的小氣泡彈框呦！

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
    <style>
        .tag{
            width: 280px;
            height: 80px;
            border: 1px solid #50e3c2;
            position: relative;
            background-color: #69748b;
            border-radius: 5px;
            color: #fff;
            text-align: center;
            padding: 20px 10px;
        }
        .tag:before,.tag:after{
            content:"";display:block;
            border-width:15px;
            position:absolute; bottom:-31px;
            left:100px;
            border-style:solid dashed dashed;
            border-color:#50e3c2 transparent transparent;
            font-size:0;
            line-height:0;
        }
        .tag:after{
            bottom:-30px;
            border-color:#69748b transparent transparent;
        }
    </style>
</head>
<body>
<div class="tag">
    css3氣泡框
</div>
</body>
</html>

如圖所示：

本站僅提供存儲服務，所有內(nèi)容均由用戶發(fā)布，如發(fā)現(xiàn)有害或侵權內(nèi)容，請點擊舉報。

打開APP，閱讀全文并永久保存查看更多類似文章

純CSS氣泡效果

純CSS打造Bubble氣泡提示框

純CSS實現(xiàn)箭頭、氣泡讓提示功能具有三角形圖標

分享Css3設計---純Css實現(xiàn)超酷的iphone玻璃氣泡效果

制作CSS氣泡框

純CSS實現(xiàn)各類氣球泡泡對話框效果

更多類似文章 >>

中文字幕理论片,69视频免费在线观看,亚洲成人app,国产1级毛片,刘涛最大尺度戏视频,欧美亚洲美女视频,2021韩国美女仙女屋vip视频