码迷,mamicode.com
首页 > Web开发 > 详细

CSS 折角效果

时间:2016-09-08 23:22:14      阅读:1095      评论:0      收藏:0      [点我收藏+]

标签:

 

技术分享1

<style type="text/css">
        .div1 {
            width: 200px;
            height: 200px;
            background-color: #ff6a00;
            border-width: 6px;
            margin: 0 auto;
        }


            

        .div2 {
            position: relative;
            width: 0;
            height: 0;
            border: 20px solid black;
            border-color:transparent  #ffd800 #ffd800 transparent ;
            background-color:#fff;
            font-size:xx-small;
            text-align:left;
        }
    </style>

  2:HTML

  <div class="div1">
        <div class="div2">
            折角
        </div>
    </div>

  

CSS 折角效果

标签:

原文地址:http://www.cnblogs.com/lgjc/p/5854697.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!