Applets and web painted triangle

Figure:

Triangle, in many cases, need to use, for example, tib message, many of which are required to do the triangular auxiliary effect, css style code is as follows:

.Trianglebox{
    width: 0px;
    height: 0px;
    border-style: solid;
    border-color: transparent blueviolet transparent transparent;
    border-width: 100px;
}

Page code:

 <div class="Trianglebox">

    </div>

Mainly appreciated property border of, border-style set the border style, border-width setting width, border-color set color
width and height div to 0px, and then set the width of the border, border-color: upper, right, lower left, respectively, to set their color, if you want the triangle to the left, then the right color to set div, the other frame is set to transparent transparent, so it

Applet draw a triangle:

Code:

 width: 0rpx;
  height: 0rpx;
  border-bottom: 8rpx solid transparent;
  border-top: 8rpx solid transparent;
  border-right: 8rpx solid #f6f6f6;

Disposed at the bottom, upper, right part of the frame, on the left is not provided, so that the triangle will be left the same principles