標籤：
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <style> /*上箭頭*/ .triangle-up { width:0; height:0; border:10px solid transparent; border-bottom-color:yellow; } /*下箭頭*/ .triangle-down { width:0; height:0; /*transform: translate(-50%,-50%);*/ border:10px solid transparent; border-top-color:yellow; } /*左箭頭*/ .triangle-left { width:0; height:0; border:10px solid transparent; border-right-color:yellow; } /*右箭頭*/ .triangle-right { width:0; height:0; /*transform: translate(-50%,0);*/ border:10px solid transparent; border-left-color:yellow; } </style></head><body> <div class="triangle-right"></div></body></html>
css3實現虛擬三角形
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
