程序博客网 > 淘宝网电视

CSS绘制三角形

来源：互联网发布：淘宝网电视编辑：程序博客网时间：2024/05/03 22:31

<!DOCTYPE html><html><head><meta charset="UTF-8"><title>Document</title><style type="text/css">.triangle{width:0;height:0;border-left:30px solid transparent;border-right:30px solid transparent;border-bottom:30px solid red;}</style></head><body><div class="triangle"></div></body></html>

其中：

border-left：控制的是三角形底边的左半边

border-right：控制的是三角形底边的右半边

border-bottom：控制的是三角形的高

.triangle{width:0;height:0;border-right:60px solid transparent;border-top:60px solid red;}

更多见：http://www.zhihu.com/question/35180018

0 0

淘宝网电视

淘宝网电视

原创粉丝点击

热门问题 老师的惩罚人脸识别我在镇武司摸鱼那些年重生之率土为王我在大康的咸鱼生活盘龙之生命进化天生仙种凡人之先天五行春回大明朝姑娘不必设防，我是瞎子房山招聘房山线北延房山旅游房山招聘网房山二手房房山良乡房山红井路房山招聘网聚房山房山区房价房山中医院房山人才房山房产网房山网网聚房山网房山房产房山人才网房山房地产房山地铁房山信息房山出租房房山新盘房山装修房山新盘房山学区房房山城关房山长阳房山窦店房山的楼盘房山换锁芯房山租房网房山征婚房山租房子房山学游泳房山买房房山现房房山旅游房山区楼盘房山房价房山陵园房山区刻章房山驾校