css绘制特殊图形基础
作者:xuhongji发布时间:2020-09-14分类:Html浏览:79评论:0
导读:1.等腰三角形.isosceles{width:0;height:0;border:30pxsolid;bord...
1.等腰三角形
.isosceles{ width: 0; height: 0; border:30px solid; border-left-color: transparent; border-right-color: transparent; border-top-color: transparent; border-bottom-color: red; }
2.直角三角形
.right{ width: 0; height: 0; border:30px solid; border-left: 0; border-right-color: transparent; border-top: 0; border-bottom-color: red; }
3.圆
.round{ width: 100px; height: 100px; background-color: red; border-radius:50%; }
4.椭圆
.ellipse{ width: 100px; height: 80px; background-color: red; border-radius:50%; }
- 上一篇:H5入门-xhtml+css2-第01节
- 下一篇:浏览器禁用插件
相关推荐
你 发表评论:
欢迎- Html排行
- 标签列表
- 网站分类
- 最近发表