美文网首页
Vue设置背景色透明度字体不透明

Vue设置背景色透明度字体不透明

作者: 萤火驻守心间 | 来源:发表于2022-04-29 17:57 被阅读0次

如图所示效果,可通过设置background属性的rgba,实现自定义背景色透明度但字体不透明


image.png

布局:

<view class="tag1">
            你好
        </view>

css:

.tag1 {
        margin-top: 50rpx;
        padding: 15rpx;
        border-radius: 5rpx;
        font-size: 30rpx;
        font-family: PingFang SC;
        font-weight: 400;
        color: #487EEA;
        background: rgba(222,222,221,0.5);
    }

相关文章

  • Vue设置背景色透明度字体不透明

    如图所示效果,可通过设置background属性的rgba,实现自定义背景色透明度但字体不透明 布局: css:

  • 设置导航栏颜色, 字体大小

    取出导航栏 设置导航栏背景色 设置标题颜色和字体大小 设置布局从导航栏下开始, 把导航栏设置为不透明 设置状态栏的...

  • windows cmd 技巧

    1.更改背景色等 在标题栏右击鼠标,选择属性,根据自己的需求,设置颜色,字体,选项,布局等。对于背景色的透明度,你...

  • iOS开发UI篇-常用控件详解(UIView)

    一. 常用属性 1.alpha(不透明度)设置视图的不透明度.默认为1. 13.autoresizesSubvie...

  • 【uni-app】设置窗口背景色

    全局窗口背景色: App.vue中设置单个页面窗口背景色:在页面的vue文件中设置

  • xcode 中设置护眼模式

    设置Xcode 的背景色RGB为199,237,204 需要设置字体的话选中字体然后进行字体大小设置即可

  • 如何隐藏一个元素

    1. Opacity(设置透明度) :0 该属性的意思是检索或设置对象的不透明度当他的透明度为0的时候,视觉上它是...

  • 导航栏透明度问题

    设置导航栏背景颜色: 此方法不能设置颜色透明度,如果需要设置背景色透明度,只能用图片代替或者删除底层遮盖视图 删除...

  • 导航栏透明度问题

    设置导航栏背景颜色: 此方法不能设置颜色透明度,如果需要设置背景色透明度,只能用图片代替或者删除底层遮盖视图删除底...

  • Android 不透明度对应数值

    Android不透明度对应的值,方便做项目随时查看,欢迎收藏! 不透明度16进制值:不透明度% ——值 100% ...

网友评论

      本文标题:Vue设置背景色透明度字体不透明

      本文链接:https://www.haomeiwen.com/subject/etfsyrtx.html