gnome外壳上的css，用于制作斜面按钮

我是gnome外壳模组的新手。我一直在努力修改我的gnome外壳主题。我喜欢老式的、简单的*box桌面的概念。所以我试图修改我的侏儒外壳，使其看起来像一个

我试着在我的侏儒壳上做一些斜面，结果是这样的。我不知道我的代码出了什么问题，我尝试了很多组合

我想至少做一个这样的，可能吗

这是我的密码

.panel-button {
        -natural-hpadding: 12px;
        -minimum-hpadding: 8px;
        font-weight: bold;
        color: #4A4A4A;
        border: 3px solid #000000;
        border-top: 3px solid transparent;
        border-bottom: 5px solid #000000;
        box-shadow: 
            1.5px 1.5px 0px rgba(0,0,0,1), /*bottom external highlight*/
            0px 0px 3px #666, /*top external shadow*/ 
            inset 0 -1px 1px #000000, /*bottom internal shadow*/ 
            -1px -1px 1px rgba(255,255,255,1); /*top internal highlight*/;
}

---

对不起，我的英语不好。

我不知道gnome shell在造型方面是否有什么特别之处，但希望它能起作用

---

很抱歉搞混了，这不是边界，但我的问题是框阴影。看起来mu shadow并没有在特定颜色上制作其左下阴影。

button {
    height: 25px;
    background: #ddd;
    border-bottom: solid 1px #aaa;
    border-right: solid 1px #aaa;
    border-top: solid 1px #fff;
    border-left: solid 1px #fff;
}

button.active {
    border-bottom: solid 1px #fff;
    border-right: solid 1px #fff;
    border-top: solid 1px #aaa;
    border-left: solid 1px #aaa;
}