CSS选项卡效果代码演示

来源：互联网发布：苹果看起点软件编辑：程序博客网时间：2024/05/16 05:17

<html><head><meta http-equiv="Content-Type" content="text/html; charset=gb2312" /><title>CSS选项卡效果代码演示</title></head><body>

<mce:style type="text/css"></mce:style><style type="text/css" mce_bogus="1">div.card div{ background-color:#FF8000; float:left; padding:1px; padding-bottom:0; clear:both; width:405px;}div.card a{ color:black; font-size:14px; text-decoration:none; float:left; width:100px; text-align:center; background-color:white; margin-right:1px;}div.card div.home a.home{ font:normal normal bold 14px/1.5 宋体;}div.card div.international a.international { font:normal normal bold 14px/1.5 宋体;}div.card div.sport a.sport{ font:normal normal bold 14px/1.5 宋体;}div.card div.finance a.finance{ font:normal normal bold 14px/1.5 宋体;}div.card div.content{ background-color:white; border:1px solid #ff8000; height:100px;}</style>

<mce:script type="text/javascript"></mce:script>

</head><body><div class="card" id="main"><div id="menu" onclick="shq.cmenu(event)"><a href="#" mce_href="#" class="home">国内</a><a href="#" mce_href="#" class="international">国际</a><a href="#" mce_href="#" class="sport">体育</a><a href="#" mce_href="#" class="finance">财经</a></div><div class="content" id="content"></div></div></body></html>