zoukankan      html  css  js  c++  java
  • 微信小程序 div选中效果

    ._left{
        position: relative; 
        margin-top: 40rpx;
        width: 40%;
        height: 350rpx;
        border-radius: 12rpx;
        text-align: center;
        font-size: 26rpx;
        background-color: #FCF2D7;
        color: #9F7F43;
        border: 2rpx solid #FFC11B;
       }
    
    ._left:before{ 
      content: '';
      display: inline-block;
      position: absolute;
      right: 0;
      top: 0;
      width: 0;
      height: 0;
      border-top: 28px solid #FBCF6B; 
      border-left: 28px solid transparent; 
    
      } 
    ._left:after{ 
        content: '';
        position: absolute;
        right: 1px;
        top: 5px;
        width: 8px;
        height: 4px;
        display: inline-block;
        border: 1px solid #fff;
        border-width: 0 0 1px 1px;
        transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        vertical-align: baseline; 
      } 

    境随心转而悦,心随境转而烦
  • 相关阅读:
    计算机基础(7)
    计算机基础(6)
    计算机基础(5)
    计算机基础(4)
    计算机基础(3)
    计算机基础(2)
    计算机基础(1)
    数组、函数
    js基础知识
    随笔3
  • 原文地址:https://www.cnblogs.com/tomingto/p/14549342.html
Copyright © 2011-2022 走看看