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...

CSS3实现32种基本图形

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

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

转载链接:http://www.w3cplus.com/css/css-simple-shapes-cheat-sheet

打印直角三角形,等腰三角形、直角梯形、等腰梯形

public class Dasanyuan { public static void main(String[] args){ /** * 打印直角三角形 */ fina...
  • Rilan_
  • Rilan_
  • 2017年10月25日 09:38
  • 50

html5 css3 将长方形图片 切成 直角梯形显示

效果图如上 skew test html,body,div,img{ margin:0; padding:0; } img{ border:0 none; } .pic1{ w...

HTML5+CSS3+jquery应用之美

  • 2017年11月15日 10:35
  • 72.94MB
  • 下载

CSS3阴影 box-shadow的使用和技巧总结

text-shadow是给文本添加阴影效果,box-shadow是给元素块添加周边阴影效果。随着html5和CSS3的普及,这一特殊效果使用越来越普遍。 基本语法是{box-shadow:[inse...

纯css3编写的小车

  • 2017年11月08日 13:26
  • 1KB
  • 下载

css3制作立方体旋转

  • 2017年10月31日 16:27
  • 756KB
  • 下载
内容举报
返回顶部
收藏助手
不良信息举报
您举报文章:css3直角梯形
举报原因:
原因补充:

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