div样式设计

使用CSS的border属性创建三角形效果可实现div变尖，设置宽高为0，通过调整边框宽度和颜色，将三个方向边框设为透明，一个方向显示颜色即可形成尖角，border: 10px solid transparent; border-top-color: red; 使顶部变尖。