css 制线条选项卡 选中状态

 

<style>
/*
	1.外框显示底边框
	2.选项卡显示四边边框
	3.选中选项卡底边框变色达到选中效果
*/
.hd{width:800px; height:40px; border-bottom:solid 1px #00ff00; }
.tit{
	width:100px;
	border-bottom: 1px solid #ff0000;
	color: #666;
	line-height:40px;     /*除IE外的*/
	_position: relative;   /*IE设置*/
	_top: 1px;               /*IE设置*/
	}
</style>
<div class="hd">
	<div class="tit">模块标题</div> 
</div>