使用CSS的border属性绘制各种几何形状的方法

前言 border 边框属性可以说是我们在网页布局中最常用不过的一个属性之一。 border 它不只是边框,它还有很多非常有用的“黑魔法”哈,让我们一起来学习一下。 border绘制几何形状的原理 我们先来看一个简单的小例子: 在页面上写一个 div 给这个 div 加上以下样式 .border-test { width: 200px; height: 200px; background-color: #000; border-top: 50px solid red; border-right: 50px s