css3组件之几何图形
2024-10-08 21:48:32
一、平行四边形
1、实心无边框
#parallelogram { width: 150px; height: 100px; -webkit-transform: skew(20deg); -moz-transform: skew(20deg); -o-transform: skew(20deg); background: red; }
2、实心有边框
3、空心有边框
二、梯形
1、实心无边框
#trapezoid { border-bottom: 100px solid red; border-left: 50px solid transparent; border-right: 50px solid transparent; height:; width: 100px; }
2、实心有边框
3、空心有边框
最新文章
- orcad candence 快捷键小结
- Prince2和PMP的区别,大多数人都没有搞清楚!
- Leetcode 88 Merge Sorted Array STL
- 微信电脑版也能用公众号自定义菜单 微信1.2 for Windows发布
- HNC-全局联想脉络
- HDU 4811 Ball 贪心
- JVM笔记5:Class文件结构
- 如何在WindowsPhone Bing Map控件中显示必应中国中文地图、谷歌中国中文地图。
- 1755: [Usaco2005 qua]Bank Interest
- PHPCMSV9上线方法及文件权限设置
- new和newInstance区别
- Dev TreeList 添加节点图标问题
- Java 字符编码(一)Unicode 字符编码
- PHP导出CSV文件出现乱码的解决方法
- lmbench性能分析工具
- tms web core 里面调用pascal 过程。
- UITabBarItem title 和self.title设置不同的标题
- 如何判断一个请求为ajax请求?
- SpringMVC 上传文件(文件非必填)MultipartHttpServletRequest
- HDU 6057 Kanade's convolution