AI智能
改变未来

css面试题(5)用纯CSS创建一个三角形的原理是什么?


用纯CSS创建一个三角形的原理是什么?

盒子模型的border就是由三角形组成的,我们可以通过设置元素的宽高为0,然后修改border的宽度,并且修改其颜色,来达到绘制三角形的目的。

例如:

<body><div></div></body><style>div{width: 0;height: 0;border-top: 40px solid transparent;border-left: 40px solid transparent;border-right: 40px solid transparent;border-bottom: 40px solid #ff0000;}</style>
赞(0) 打赏
未经允许不得转载:爱站程序员基地 » css面试题(5)用纯CSS创建一个三角形的原理是什么?