纯CSS实现新浪网页的横向选项卡

一、简介

网页的选项卡是非常普遍的小组件，可以便于在一个页面展示更多的内容，选项卡我之前看到有很多种实现，此处向大家介绍一个我用CSS自己独立实现的横向选项卡，使用起来非常的方便，效果类似于新浪首页见到的那种，如图所示：

                                        

二、应用

1、先是HTML

<div class="selection-card-area">
	<ul class="horizontal-selection-card">
		<li class="active" onclick="changeType(this, 0);" >选项一</li>
		<li onclick="c