<!DOCTYPE html>
<html>
<head lang="en">
<meta charset="UTF-8">
<title>淘宝标题</title>
<style>
*{ padding:0; margin:0;}
.tab{ width:320px; height:100px; border:1px solid #eee; margin:10px; overflow:hidden;}
.tab_title{ height:27px; background-color:#f7f7f7; position:relative;}
.tab ul{list-style:none;}
a{ text-decoration:none;}
.tab_title ul{ width:320px; position:absolute;left:-1px;}
.tab_title ul li{ float:left; border-bottom:1px solid #eee; width:60px; height:26px; text-align:center; line-height:26px; padding:0 1px;}
.tab .tab_title .select{ background-color:#fff; border-bottom:#fff; border-left:1px solid #eee;border-right:1px solid #eee; padding:0;}
.tab li a:link,.tab li a:visited{ color:black;}
<html>
<head lang="en">
<meta charset="UTF-8">
<title>淘宝标题</title>
<style>
*{ padding:0; margin:0;}
.tab{ width:320px; height:100px; border:1px solid #eee; margin:10px; overflow:hidden;}
.tab_title{ height:27px; background-color:#f7f7f7; position:relative;}
.tab ul{list-style:none;}
a{ text-decoration:none;}
.tab_title ul{ width:320px; position:absolute;left:-1px;}
.tab_title ul li{ float:left; border-bottom:1px solid #eee; width:60px; height:26px; text-align:center; line-height:26px; padding:0 1px;}
.tab .tab_title .select{ background-color:#fff; border-bottom:#fff; border-left:1px solid #eee;border-right:1px solid #eee; padding:0;}
.tab li a:link,.tab li a:visited{ color:black;}