css画三角形

css画三角形_第1张图片

代码:




 
html css画三角形 


 
	

代码解析:

border-width: 100px 100px 100px 200px; 

  • 上边框100px
  • 右边框100px
  • 下边框100px
  • 左边框200px

border-color: transparent transparent transparent #eb1111;

  • 上边框transparent 
  • 右边框transparent 
  • 下边框transparent 
  • 左边框#eb1111

属性值

说明
color 指定背景颜色。
transparent 指定边框的颜色应该是透明的。这是默认
inherit 指定边框的颜色,应该从父元素继承


看后 如果还不明白的,请看

HTML之CSS画三角形原理】

https://blog.csdn.net/pengjunlee/article/details/53002553

你可能感兴趣的:(前端HTML,CSS)