css 画三角形
程序员文章站
2022-07-02 14:49:00
css三角形 ......
<div class='triangle-rihgt'></div> <div class='triangle-top'></div> <div class='triangle-left'></div> <div class='triangle-bottom'></div>
.triangle-rihgt{ width: 0; height: 0; border-bottom:10px solid transparent; border-top:10px solid transparent; border-left: 20px solid red; } .triangle-left{ width: 0; height: 0; border-bottom:10px solid transparent; border-top:10px solid transparent; border-right: 20px solid green; } .triangle-top{ width: 0; height: 0; border-right:10px solid transparent; border-left:10px solid transparent; border-bottom: 20px solid #333; } .triangle-bottom{ width: 0; height: 0; border-right:10px solid transparent; border-left:10px solid transparent; border-top: 20px solid #999; }
css三角形
推荐阅读
-
随便写写,当作了解Css_html/css_WEB-ITnose
-
CSS只是进化的一部分_html/css_WEB-ITnose
-
纯css玩转三角形_html/css_WEB-ITnose
-
[转]CSS3 Media Query实现响应布局_html/css_WEB-ITnose
-
为什么在html设置了禁用浏览器缓存,但点前进后退时页面还是 返回 From cache_html/css_WEB-ITnose
-
HTML5获取地理位置定位信息_html/css_WEB-ITnose
-
html与字符&_html/css_WEB-ITnose
-
Codeforces Round #FF (Div. 2) D. DZY Loves Modification 贪心+优先队列_html/css_WEB-ITnose
-
智能化CSS检测法,好优化拒绝冗杂代码
-
几何画板绘怎么制作动图?制彩色同闪三角形的教程