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

zgpeterliu發表於2018-05-08
CSS

<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. position: relative;
  2. width: 1.33333rem;
  3. height: 1.06667rem;
  4. line-height: 1.06667rem;
  5. margin: 0.02667rem 0;
  6. colors: #555;
  7. font-weight: 600;
  8. text-align: center;
}



.today{
&::before{
content:"";
position:absolute;
top:0;
right:0;
height:0;
width:0;
border-top:8px solid #1486f5;
border-left:8ps solid transparent;
}
}

相關文章