html selected triangle mask_html/css_WEB-ITnose

As in the title
How to make the picture effect better? I originally wanted to use CSS to make a triangle and then rotate it. But it doesn’t look good, there is a white line in the middle, and the bottom border of IE is ugly. Is there any better way to do it? ?

Reply to discussion (solution)

<style> li{position:relevate;border:2px solid #ddd;}li i{bottom: -2px;display: block;height: 9px;position: absolute;right: -2px;width: 9px;background-image:url(三角图片.jpg);}<style><ul><li>380<i></i></li><li>120<i></i></li></ul>

div{
width: 0;
height: 0;
border-bottom: 100px solid red;
border-left: 100px solid transparent;
}
http://www.cnblogs.com/top5/archive/2012/02 /14/2351959.html

I think it is obviously better to use a background image

Use a background image...