css實現表格右上角一個小的三角形標示----偽類div::before

zgpeterliu發表於2018-05-08

<div data-v-b3edeae6="" class="picker-day today">8</div>



.picker-box .picker-box-c .picker-content .picker-con .picker-day[data-v-b3edeae6] {
  1. positionrelative;
  2. width1.33333rem;
  3. height1.06667rem;
  4. line-height1.06667rem;
  5. margin0.02667rem 0;
  6. colors#555;
  7. font-weight600;
  8. text-aligncenter;



.today{
&::before{
content:"";
position:absolute;

top:0;
right:0;
height:0;
width:0;
border-top:8px solid #1486f5;
border-left:8ps solid transparent;

}
}

相關文章