CSS选项卡效果代码演示

最新推荐文章于 2024-06-02 16:43:03 发布

励志的蜗牛

最新推荐文章于 2024-06-02 16:43:03 发布

阅读量1.3k

点赞数

分类专栏： JavaScript 文章标签： css class float border menu function

本文链接：https://blog.csdn.net/heyuanjia520/article/details/5089758

版权

JavaScript 专栏收录该内容

9 篇文章 0 订阅

订阅专栏

<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" οnclick="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>

励志的蜗牛

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
CSS选项卡效果代码演示

CSS选项卡效果代码演示 <!--div.card div{ background-color:#FF8000; float:left; padding:1px; padding-bottom:0; clear:both; width:405px;}div.card a{ color:black;
复制链接

扫一扫

专栏目录