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>