ruoyi 更改前端样式

最新推荐文章于 2024-08-23 10:13:24 发布

zolty

最新推荐文章于 2024-08-23 10:13:24 发布

阅读量3.5k

点赞数 3

分类专栏： ruoyi 文章标签：前端 css css3

本文链接：https://blog.csdn.net/qq_41854291/article/details/121896470

版权

ruoyi 专栏收录该内容

3 篇文章 0 订阅

订阅专栏

1.复古按钮

在这里插入图片描述
（1）CSS

.btn-dqn {
    background-color: #4CAF50; /* Green */
    border: none;
    color: white;
    padding: 15px 32px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-size: 16px;
    margin: 4px 2px;
    cursor: pointer;
}

.btn-dq {
    background-color: white;
    color: black;
    border: 2px solid #008CBA;
}

(2)html
在这里插入图片描述

    <button class="btn-dqn btn-dq" onclick="beginTest()">测试开始</button>
    <button class="btn-dqn btn-dq" onclick="saveAll()">保存方案</button>

2.复古表格-隔行异色

在这里插入图片描述

rowStyle: function(row, index) {                         // 动态修改行的颜色
    if(row.id %2 == 1 ){                                 // 如果值是1，表示已删除，设置行的颜色
        return  {css:{"background-color":'#f2f8fd'}};
    }
    return '';                                           // 注意：即使不改变颜色，也得返回 '' ，否则会报错。
},

color 可以改色号

3.html背景底色

在这里插入图片描述

<body class="gray-bg" style="background-color: #1a2226">

zolty

关注

3
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
复制链接

分享到 QQ

分享到新浪微博

扫一扫

专栏目录