首页 > 其他分享 >Taro css

Taro css

时间:2023-01-12 13:23:04浏览次数:53  
标签:right Taro 12px color height border css

小红点

&::before {
                content: "";
                display: block;
                width: 12px;
                height: 12px;
                background: red;
                border-radius: 50%;
                margin-right: 8px;
              }

打钩/箭头

 &::after {
            content: "";
            width: 10px;
            height: 40px;
            position: absolute;
            right: 0;
            top: -40px;
            border: 18px solid red;
            border-top-color: transparent;
            border-left-color: transparent;
            transform: rotate(45deg);
          }

classname包含多个

//固定
className = 'abc  ddd'

//动态
className = {`abc  ${index==0 ? 'ddd' : 'aaa'}`}

标签:right,Taro,12px,color,height,border,css
From: https://www.cnblogs.com/qqcc1388/p/17046370.html

相关文章

  • jQuery的css(操作样式标签,找到元素位置 p15~p17 and p19)
    视频CSS<!DOCTYPEhtml><html><head><metacharset="UTF-8"><title>11_css</title></head><body><pstyle="color:blue;">尚硅谷的后裔</p><pstyle="colo......
  • CSS初始化
    /*把我们所有标签的内外边距清零*/*{margin:0;padding:0;/*css3盒子模型*/box-sizing:border-box;}/*em和i斜体的文字不倾斜*/em,i......
  • CSS 奇思妙想之酷炫倒影
    在CSS中,倒影是一种比较常见的效果。今天,我们就将尝试,使用CSS完成各类不同的倒影效果,话不多说,直接进入主题。实现倒影的两种方式首先,快速过一下在CSS中,实现倒影的2......
  • 【HTML基础篇003】前端基础之CSS选择器大全
    ✨一、CSS的基本介绍CSS(Cascading Style Sheet,层叠样式表)定义如何显示HTML元素。当浏览器读到一个样式表,它就会按照这个样式表来对文档进行格式化(渲染)。✨二、CSS......
  • 详解CSS3:overflow属性
    1.Overflowoverflow为溢出(容器),当内容超出容器时只需添加overflow属性值为hidden,就可以把超出容器的部分隐藏起来;如果内容超出容器却又不想其隐藏时可以将其属性值设置为......
  • css 样式 正三角,倒三角 小三角
    提示框、菜单栏的三角样式效果图精髓正三角.h{width:0;height:0;border:6pxsolidtransparent;border-......
  • CSS3 中flex 布局
    Flexbox是CSS3中的一种布局模式。它允许元素在一个容器中自动排列,可以使用灵活的方式创建复杂的布局。Flex布局有很多优点,例如,它很容易实现响应式设计,并且可以很容易地......
  • UnoCSS 简化 CSS 的书写,Nice!
    CSS样式太多,重复写在学习UnoCSS之前,我提出几个问题:你是否有过写完了HTML之后,跳转到style写CSS这样来回跳转的痛苦?你是否有过不知道如何给节点取类名的痛苦(有......
  • CSS3实现3D旋转
    用CSS3制作3D旋转图像,效果很漂亮,3D旋转的特别之处就是支持阴影旋转和兼容响应式网页设计,使得整体场景非常有感觉。 先看一个简单的3D旋转效果例子: 正面:鼠标移上去就......
  • 在vue中使用CSS变量
    首先,我们要先知道什么是CSS变量,可以先看这篇文章在我们知道什么是CSS变量之后,我们尝试把它在项目中运用起来,一些需要动态计算的值,我们就可以使用它快速的实现效果。以下为......