Chinaunix首页 | 论坛 | 博客
  • 博客访问: 932521
  • 博文数量: 210
  • 博客积分: 0
  • 博客等级: 民兵
  • 技术积分: 2070
  • 用 户 组: 普通用户
  • 注册时间: 2014-11-19 21:54
文章分类

全部博文(210)

文章存档

2020年(2)

2019年(18)

2018年(27)

2017年(5)

2016年(53)

2015年(88)

2014年(17)

分类: 其他平台

2016-10-12 10:06:01

梯形制作过程中,涉及到border-left /right    transparent(背景透明) 还需要图形的宽度
代码如下:

点击(此处)折叠或打开

  1. <div id="oricl"></div>
  2. <div id="oricl1"></div>


点击(此处)折叠或打开

  1. #oricl{
  2.     border-bottom: 100px solid red;
  3.     border-left: 50px solid transparent;
  4.     border-right: 50px solid transparent;
  5.     height: 0;
  6.      width: 100px;
  7.     
  8. }
  9. #oricl1{
  10.     margin-top:20px ;
  11.     border-top: 100px solid red;
  12.     border-left: 50px solid transparent;
  13.     border-right: 50px solid transparent;
  14.     height: 0;
  15.     width: 100px;
  16. }
效果如下:
阅读(4471) | 评论(0) | 转发(0) |
给主人留下些什么吧!~~