Widget:卡牌卡面.css
<style> .resp-tabs{
border-spacing: 0px;
} .resp-tabs .resp-tabs-list {
margin: 0px; display: flex; justify-content: center;
} .resp-tabs-list li {
/*border-left: 0px solid rgba(0, 0, 0, 0.16);*/ float: left; border: 0px solid #ffffff; background:linear-gradient(#83d8db,#9faee6);
} .resp-tabs-list li:first-child {
border: 0px solid #ffffff; border-radius:20px 0 0 0/20px 0 0 0;
} .resp-tabs-list li:last-child {
border: 0px solid #ffffff; border-radius:0 20px 0 0/0 20px 0 0;
} .resp-tabs-list li:first-child .tab-panel{
border-radius:19px 0 0 0/19px 0 0 0;
} .resp-tabs-list li:last-child .tab-panel{
border-radius:0 19px 0 0/0 19px 0 0;
} .resp-tabs-list li.active .tab-panel, .tab-panel:hover {
font-family: MicrosoftYaHei-Bold; font-size: 14px; color: #000000; text-align: center; font-weight: bold; background: #fff; border: 1px solid #9faee6;
} .resp-tabs-list li.active .tab-panel, .tab-panel:hover {
font-family: MicrosoftYaHei-Bold; font-size: 14px; color: #000000; text-align: center; font-weight: bold; background: #fff; border: 1px solid #9faee6;
} .tab-panel {
display: block; height: auto; padding: 10px 5px; text-decoration: none; width: 100%; font-size: 14px; text-align: center; color: #ffffff; font-weight: bold; border: 1px solid #ffffff;
} @media only screen and (max-width:759px){ ul.tabbernav li a { display: inline-block; } ul.tabbernav {
padding: 0px;
} .resp-tabs .resp-tabs-list {
white-space: normal; overflow-x: auto;
} } </style>