CSS格式求助（Tablacus Explorer 插件）

proof1

Tablacus Explorer文件管理器

插件Tab design功能描述：(英文)
https://tablacus.github.io/wiki/addons/tabdesign.html


有道翻译说明：




选择“按钮”方案：


字符内容：（CSS语言）
border-radius: 7pt;
margin-right: 1px




字符内容：（CSS语言）
border-radius: 7pt;
height: 2em;
margin-right: 1px;
box-shadow: 0 0 0 2px #898C95 inset


“按钮”方案，实际显示效果：




选择“Underline”方案：


字符内容：（CSS语言）
border-top: 0;
border-left: 0;
border-right: 0;
background: inherit;




字符内容：（CSS语言）  当前页有下划线
border-bottom: 3pt solid #82b !important;




选择“XP”方案：


字符内容：（CSS语言）
border-radius: 2pt 2pt 0 0;
margin-right: 1px;




字符内容：（CSS语言）  当前页有上划线
border-radius: 3pt 3pt 0 0;
border: 0;
border-top: 2pt solid #f80 !important;
padding: 0 7pt






不知一种格式定义，为啥还要分三段，前中后。直接一个默认段不行？




求助如下：


1、“Base - Background for the tab bar area”

　　在“基础”里，设置标签页背景颜色。
　　想要实现“当前页”：黑色前景，白色背景。“非当前页”：黑色前景，灰色背景。（或其它 前景色/背景色。）
　　不懂网页CSS技术。如何做到？


2、标签页（选项卡）样式。
　　预设的“按钮”样式，比较中意。只是 当前页/非当前页 没有颜色区分。可否加上背景色区分？
　　圆角标签页，是如何实现的？
　　奢求：能否实现“梯形标签页”（CSS可以实现梯形吗），象某版浏览器那样：

proof1

Tab design插件