div+CSS實現三角形
阿新 • • 發佈：2018-12-23
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <style type="text/css"> div{ width: 0; height: 0; border-bottom: 10px solid white; border-top: 10px solid red; border-left: 10px solid white; border-right: 10px solid white; } </style> </head> <body> <div></div> </body> </html>
只要將其他邊的顏色設定為白色，就可以實現三角形
border-top：朝下的三角形border-bottom：朝上的三角形
border-left：朝右的三角形
border-right：朝左的三角形