Home > Developer > Web Develop
Directly on the code!
<! DOCTYPE html>
<title> Small Triangle </title>
<style>
. up-triangle{
width:0px;
height:0px;
border-bottom:30px solid #000;
border-left:15px solid Transparent;
border-right:15px solid Transparent;
margin:100px Auto;
}
. down-triangle{
width:0px;
height:0px;
border-top:30px solid #000;
border-left:15px solid Transparent;
border-right:15px solid Transparent;
margin:100px Auto;
}
. left-triangle{
width:0px;
height:0px;
border-right:30px solid #000;
border-top:15px solid Transparent;
border-bottom:15px solid Transparent;
margin:100px Auto;
}
. right-triangle{
width:0px;
height:0px;
border-left:30px solid #000;
border-top:15px solid Transparent;
border-bottom:15px solid Transparent;
margin:100px Auto;
}
</style>
<body>
<div class= "Up-triangle" ></div>
<div class= "Down-triangle" ></div>
<div class= "Left-triangle" ></div>
<div class= "Right-triangle" ></div>
</body>
Use CSS style to write selection box to the right of the small triangle
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
