分享一下自用的字体颜色&强调颜色CSS

是面包呀 2021-2-26 1576

没有学习过CSS,完全是参考QQ群里三叶草lm大佬和“使用教程”里菜包大佬的CSS代码……修改之处都是在棒读_(:з」∠)_

「小白使用方法」

1. 在“插件中心”里打开“自定义CSS”插件

2. 复制 下面的代码 或者 txt文档中全部代码 至“偏好设置”的“自定义CSS”框中

    (ps:我每次进自定义CSS和自定义样式的时候有个小bug,点代码光标会隔着多行跳,有内容更改后就会恢复…所以我是在首行代码行尾输个空格再删掉来恢复正常编辑状态)

3. 所有的颜色改变都是通过** **{}引发(因为没有找到可以改变高亮底色的代码所以不会),配合quicker使用很方便

    例如:**红色 r2**{r2}

    (ps:我主要用的配色追求显眼……大家大可自行取色,可参考“Web安全色”https://www.bootcss.com/p/websafecolors/)


「具体代码」以红色为例(针对像我一样的新手小白,我在下面添加了一些注释,/**/的内容均可删除;所有:后参数均可修改;代码可以自由组合)

/*红色(细)*/
b[color=R0] {
/*R0即{}内的代号,可修改;不分大小写*/
    color: #FF4136!important;
    /*color设置字体颜色;#FF4136即颜色代号*/
    font-weight: 400!important;
    /*font-weight设置字体粗细;400是RE中普通字体粗细,换成bold即加粗字体*/
}
/*红色(边框)*/
b[color=R1] {
    color: #FF4136!important;
    border:1.5px solid #FF4136!important;
    /*border设置边框;1.5px是边框粗细(下同);solid(实线)、dashed(短线虚线)、double(双线)均可尝试*/
    border-radius: 5px;
    /*border-radius设置圆角边框*/
    padding-left: 3.5px;
    padding-right: 3.5px;
    /*padding-left/righ设置左右内边距*/
    font-weight: bold;
}
/*红色(强调)*/
b[color=R2] {
    color: white!important;
    background-color: #FF4136!important;
    /*background-color设置背景色*/
    border-radius: 5px;
    padding-left: 5px;
    padding-right: 5px;
    font-weight: bold;
}



快速回复
最新回复 (2)
  • head889 2021-7-17
    0 2
    这个方法好。
    不过,我都是在 { } 里面直接写汉字,比如:
    一级重点
    二级重点
    特别注意
    新概念
    ………………

    到时候还能在搜索框里直接搜这些词,
    R0之类的词,不直观。
  • head889 2021-7-17
    0 3
    b[color=重点1] {
       color:rgb(164,181,182);
       text-decoration: none;
       border-bottom: 0.1px rgb(80,70,120) solid;
           padding-bottom: 3px;
           padding-bottom:2px;
       font-weight: 500 !important;
    }

    b[color=重点2] {
       color:rgb(164,181,182);
       text-decoration: none;
           border-bottom: 0.1px #990033 solid;
           padding-bottom:3px;
           padding-bottom:2px;
       font-weight: 500 !important;
    }

    b[color=重点3] {
       color:rgb(164,181,182);
       text-decoration: none;
           border-bottom: 0.1px gold solid;
           padding-bottom: 3px;
           padding-bottom:2px;
       font-weight: 500 !important;
    }
返回