Css 梯形图形 并添加文字

HTML页面的代码：
 
  
    
"width:500px;border:solid 1px #ccc;">
        

            

            
class="trapezoid">
            
"tranFont">即将推出
            
题目
            

                内容：CSS3 允许您使用 3D 转换来对元素进行格式化。
                在本章中，您将学到其中的一些 3D 转换方法：
                rotateX()
                rotateY()
                点击下面的元素，来查看 2D 转换与 3D 转换之间的不同之处：
            
        
    

 

 

css样式代码：

 

页面效果：

转载于:https://www.cnblogs.com/renxiaoren/p/5435978.html