解决鼠标经过三角形不发生变化

利用span标签解决鼠标经过三角形不显示问题

定位长方形后，利用<P></p>标签填入文字

再利用正方形插入三角形，经过定位如图

再利用hover标签解决经过长方体变色

代码如下.box:hover{ background-color: yellow;
利用span标签解决三角形与长方体一同变色

.box:hover span{
    border-left: 30px solid yellow;
}
.box:hover,span:hover{
    color: blue;

//经过长方体和三角一同变色，经过字体变蓝色