css實現表格右上角一個小的三角形標示----偽類div::before
<div data-v-b3edeae6="" class="picker-day today">8</div>
.picker-box .picker-box-c
.picker-content .picker-con .picker-day[data-v-b3edeae6] {
- position: relative;
- width: 1.33333rem;
- height: 1.06667rem;
- line-height: 1.06667rem;
- margin: 0.02667rem 0;
- colors: #555;
- font-weight: 600;
- 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;
}
}
相關文章
- CSS偽類的又一個小應用,實現下拉選單CSS
- 理解使用before,after偽類實現小三角形氣泡框
- 用偽類實現一個div的寬度和高度是固定百分比
- css偽元素(before與after)CSS
- js實現的點選一個div顯示,其他div隱藏效果JS
- css的偽類CSS
- 一次弄懂CSS的偽類和偽元素CSS
- CSS偽類CSS
- CSS E::before 偽元素選擇符CSS
- CSS 實現 : 滑鼠移動上去顯示 div,移開隱藏 divCSS
- css偽類和偽元素CSS
- css3實現一個寬高未知的div的slidedown動畫CSSS3IDE動畫
- CSS-邊距2-實現一個三角形CSS
- 瞭解css中偽元素 before和after的用法CSS
- CSS偽類的詳解CSS
- React div 實現一個 textareaReact
- css實現的div垂直居中效果CSS
- CSS如何實現div的透明效果CSS
- CSS小技巧——畫個三角形CSS
- js如何控制css偽元素內容(before,after)JSCSS
- CSS偽類與CSS偽元素的區別及由來CSS
- Android 自定義dialog,實現右上角顯示一個控制元件按鈕Android控制元件
- css3 中的偽類和偽元素CSSS3
- 目標偽類選擇器實現手風琴效果
- CSS3偽類和偽元素CSSS3
- 利用:before和:after偽類製作CSS3 圓形按鈕 含demoCSSS3
- 《css大法》之使用偽元素實現超實用的圖示庫(附原始碼)CSS原始碼
- css如何實現div全屏效果CSS
- css3偽元素選擇器before 和 after 的使用CSSS3
- CSS實現三角形效果CSS
- CSS的力量:用一個DIV畫圖CSS
- CSS偽元素詳解以及偽元素與偽類的區別CSS
- CSS中如何實現偽隨機?CSS隨機
- 用div css模擬表格對角線CSS
- CSS 偽類選擇器CSS
- css偽類選擇符CSS
- CSS偽類使用詳解CSS
- 深入理解CSS偽類CSS