admin 发表于 2014-12-27 18:36:40

CSS实现网页中的三角形

CSS实现网页中的三角形

<!DOCTYPE html>
<html lang="zh-cn">
<head>
        <meta charset="UTF-8">
        <title>Document</title>
</head>
<style type="text/css">
        .tab-arrow b {
                display: inline-block;
                margin-top: -8px;
                width: 0;
                height: 0;
                border-style: dashed dashed solid;
                border-width: 10px;
                border-color: transparent transparent #E4393C;
                overflow: hidden;
                zoom: 1;
                font-size: 0;
                }
</style>
<body>
        <div class="tab-arrow">
        <b></b>
        </div>
</body>
</html>
页: [1]
查看完整版本: CSS实现网页中的三角形