使用jQuery Accordion，我无法弄清楚如何使每个标签显示为不同的颜色/宽度

Question

非常不言自明。我使用了tympanus.net（here）的教程。我试图让每个标签都有不同的颜色/宽度，但无法弄清楚如何设计样式。

Answer 1

您可以使用此链接更改所有内容：

DEMO 您可以在此代码中更改width margin

.ac-container{
    width: 400px;
    margin: 10px auto 30px auto;
}

您可以在此代码中更改background-color：

.ac-container label{
    font-family: 'BebasNeueRegular', 'Arial Narrow', Arial, sans-serif;
    padding: 5px 20px;
    position: relative;
    z-index: 20;
    display: block;
    height: 30px;
    cursor: pointer;
    color: #777;
    text-shadow: 1px 1px 1px rgba(255,255,255,0.8);
    line-height: 33px;
    font-size: 19px;
    background: linear-gradient(top, #ffffff 1%,#eaeaea 100%);
    box-shadow: 
        0px 0px 0px 1px rgba(155,155,155,0.3), 
        1px 0px 0px 0px rgba(255,255,255,0.9) inset, 
        0px 2px 2px rgba(0,0,0,0.1);
}

您也可以在此处更改hover color

.ac-container label:hover{
    background: #fff;
}