编辑器h1-h6标题美化

V Tenyet 4月前

706 7

找到站点中的/view/css/bootstrap-bbs.css

然后在合适的位置插入如下代码:

/* H6标题 */

.card-body .message h6 {

border-left: 3px solid #6293d4;

text-indent: 8px;

font-weight: bold;

padding: 2px 0px;

margin: 8px 0px;

}

/* H5标题 */

.card-body .message h5 {

border-left: 4px solid #84985a;

text-indent: 8px;

font-weight: bold;

padding: 2px 0px;

margin: 8px 0px;

}

/* H4标题 */

.card-body .message h4 {

border-left: 5px solid #b55594;

text-indent: 8px;

font-weight: bold;

padding: 2px 0px;

margin: 8px 0px;

}

/* H3标题 */

.card-body .message h3 {

border-left: 6px solid #a232de;

text-indent: 8px;

font-weight: bold;

padding: 2px 0px;

margin: 8px 0px;

}

/* H2标题 */

.card-body .message h2 {

border-left: 7px solid #32de5d;

text-indent: 8px;

font-weight: bold;

padding: 2px 0px;

margin: 8px 0px;

}

/* H1标题 */

.card-body .message h1 {

border-left: 8px solid #de3232;

text-indent: 8px;

font-weight: bold;

padding: 2px 0px;

margin: 8px 0px;

}

──── 0人觉得很赞 ────
腾悦网不能失去我,就像西方不能失去耶路撒冷
已有回复 (7)
  • V 老猫 (靓号:4) 商家 @Ta 4月前
    沙发
    图呢
    0
  • V Tenyet (靓号:1) @Ta 4月前
    椅子
    老猫 图呢
    我直接给你看效果
    0
  • V 老猫 (靓号:4) 商家 @Ta 4月前
    板凳
    Tenyet 我直接给你看效果
    效果呢
    0
  • V Tenyet (靓号:1) @Ta 4月前
    #4
    老猫 效果呢

    1

    2

    3

    4

    5
    6
    0
  • V 老猫 (靓号:4) 商家 @Ta 4月前
    #5
    还可以
    0
  • vita188 (UID:25) @Ta 4月前
    #6
    真不错
    0
  • V 沐辰 (靓号:69) @Ta 3月前
    #7

    厉害

    0
发新帖
扫码访问