介面測試：生成Token，使用手機did生成accessToken，再用accessToken生成token 例項
阿新 • • 發佈：2020-12-27
1. 實現程式碼
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <link rel="stylesheet" type="text/css" href="style.css"> </head> <body> <div></div> </body> </html>
//style.css div{ width: 0; height: 0; border-top: 50px solid transparent; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid red; }
2. 一步一步理解建立原理（原理是相鄰邊框連線處是均分的原理。）
建立一個正方形，寬高為 100px，背景顏色為黑色
div{ width: 100px; height: 100px; background-color: black; }
設定上邊框
div{ width: 100px; height: 100px; background-color: black; border-top: 50px solid yellow; }
設定左邊框
div{ width: 100px; height: 100px; background-color: black; border-top: 50px solid yellow; border-left: 50px solid green; }
設定右邊框
div{ width: 100px; height: 100px; background-color: black; border-top: 50px solid yellow; border-left: 50px solid green; border-right: 50px solid blue; }
設定下邊框
div{ width: 100px; height: 100px; background-color: black; border-top: 50px solid yellow; border-left: 50px solid green; border-right: 50px solid blue; border-bottom: 50px solid red; }
將盒子寬高設定為 0
div{ width: 0; height: 0; border-top: 50px solid yellow; border-left: 50px solid green; border-right: 50px solid blue; border-bottom: 50px solid red; }
將上、左、右邊框顏色設定為透明 transparent
div{ width: 0; height: 0; border-top: 50px solid transparent; border-left: 50px solid transparent; border-right: 50px solid transparent; border-bottom: 50px solid red; }