导航--标签宽度可变的圆角水平导航

这是一个标签宽度可变的圆角水平导航,参考前面的基于圆角图片的水平标签导航(点击查看),进行一些改变,使得导航中的列表项可以根据它们所包含文本的长度来调整大小。具体的CSS设置和实现细节在代码中有详细的注释,其中需要使用到的4个标签圆角图片如下:



1、HTML代码


2、CSS代码


3、效果图

导航--标签宽度可变的圆角水平导航

参考:The Art & Science of CSS



你可能感兴趣的:(标签)