css3直角梯形

原创 2015年11月18日 09:57:38

.operPic .picA:before{

content: "开外眼角手术";

font-size:16px;display:

 block;color:

#fff;

height: 0;

width: 100px;

line-height:30px;

padding-left:5px;

border-width: 0px 30px 30px 0px;

border-style: none solid solid;

border-color: transparent transparent #111;



效果图如下:


版权声明:本文为博主原创文章,未经博主允许不得转载。

10.(高级)CSS形状之:梯形标签

一、等腰梯形   方法: #o{     width: 100px;     height: 25px;     padding: .5em 1em .35em;     positio...
  • majun0007
  • majun0007
  • 2017年02月14日 14:46
  • 1547

CSS制作的32种图形效果[梯形|三角|椭圆|平行四边形|菱形|四分之一圆|旗帜]

转载链接:http://www.w3cplus.com/css/css-simple-shapes-cheat-sheet
  • dmtnewtons
  • dmtnewtons
  • 2014年11月15日 15:50
  • 10726

利用CSS画梯形

首先要知道四个重要的样式: border-buttom:设置下边框 border-top: border-left: border-right: 后面几个猜都猜得出来 ---------友好的分割线-...
  • whoisleft
  • whoisleft
  • 2017年07月30日 21:39
  • 250

CSS3实现32种基本图形

CSS3可以实现很多漂亮的图形,我收集了32种图形,在下面列出。直接用CSS3画出这些图形,要比贴图性能更好,体验更加,是一种非常好的网页美观方式。      这32种图形分别为圆形,椭圆形,三角形...
  • laokdidiao
  • laokdidiao
  • 2016年04月19日 13:10
  • 3374

纯CSS实现斜角

今天看了看腾讯的七周年时光轴,发现这个斜角的CSS,研究了半天提出下面代码可以直接实现斜角,不是CSS3哦,那个就太容易了 -webkit-transform:rotate(10deg); 倾斜度后再...
  • zsjangel
  • zsjangel
  • 2014年02月02日 21:03
  • 5882

怎么用纯CSS画一颗圣诞树

CSS christmas tree div{     width:200px;     height:300px;     background:gray; } #toptree...
  • Tanyacui
  • Tanyacui
  • 2016年08月07日 15:54
  • 438

css3直角梯形

.operPic .picA:before{ content: "开外眼角手术"; font-size:16px;display:  block;color: #fff; height: 0; wid...
  • qq_24591547
  • qq_24591547
  • 2015年11月18日 09:57
  • 2664

css3直角梯形

.operPic .picA:before{ content: "开外眼角手术"; font-size:16px;display:  block;color: #fff; height: 0; wid...
  • qq_24591547
  • qq_24591547
  • 2015年11月18日 09:57
  • 2664

Android 用Canvas 画几何图形,画出小黄人

看了大神 JR93的这篇文章:纯CSS3画出小黄人并实现动画效果 ,萌生了我在安卓上画小黄人的想法,同时他在文章中的步骤分解,在我的具体实现中起到了很大的帮助。话不多说,先上效果图 实现步骤...
  • Solongdd
  • Solongdd
  • 2016年01月22日 13:02
  • 330

css画项目里常用的多边形(三角形、梯形)

暂时放这些,以后遇到别的继续收录 效果图如下: 代码: html> html lang="en"> head> meta charset="UTF-8"> title...
  • liona_koukou
  • liona_koukou
  • 2017年12月05日 10:16
  • 67
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css3直角梯形
举报原因:
原因补充:

(最多只允许输入30个字)