up

triangle-up {

width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-bottom: 100px solid red;

}

down

triangle-down {

width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 100px solid red;

}

left

triangle-left {

width: 0;
height: 0;
border-top: 50px solid transparent;
border-right: 100px solid red;
border-bottom: 50px solid transparent;

}

right

triangle-right {

width: 0;
height: 0;
border-top: 50px solid transparent;
border-left: 100px solid red;
border-bottom: 50px solid transparent;

}

top-left

triangle-topleft {

width: 0;
height: 0;
border-top: 100px solid red;
border-right: 100px solid transparent;

}

top-right

triangle-topright {

width: 0;
height: 0;
border-top: 100px solid red;
border-left: 100px solid transparent; 

}

bottom-left

triangle-bottomleft {

width: 0;
height: 0;
border-bottom: 100px solid red;
border-right: 100px solid transparent;

}

bottom-right

triangle-bottomright {

width: 0;
height: 0;
border-bottom: 100px solid red;
border-left: 100px solid transparent;

}

页面转载自:https://www.jb51.net/article/42513.htm

标签: none

添加新评论