google chrome浏览器的页签比较特别的是激活页签能“吃”掉旁边非激活页签的一部分。这对css提出了一些挑战。如下图:

当然,要求是只能使用两张图,宽度自适应,用到的图:
正常页签背景:
激活页签背景:
立即学习“前端免费学习笔记(深入)”;
代码:
google chrome tab
content
0
0
google chrome浏览器的页签比较特别的是激活页签能“吃”掉旁边非激活页签的一部分。这对css提出了一些挑战。如下图:

当然,要求是只能使用两张图,宽度自适应,用到的图:
正常页签背景:
激活页签背景:
立即学习“前端免费学习笔记(深入)”;
代码:
google chrome tab