利用Js如何写tab

js接触了很久,知道最近的几个月,才越来越喜欢上这个,一直都没有尝试过自己篇博客,尝试用简单的语言,和大家分享一下自己的学习经验。     首先是html部分,在这里举例做三个的标签的。                                标签1                标签2                标签3
摘要由CSDN通过智能技术生成

     js接触了很久,知道最近的几个月,才越来越喜欢上这个,一直都没有尝试过自己篇博客,尝试用简单的语言,和大家分享一下自己的学习经验。

     首先是html部分,在这里举例做三个的标签的。

   <body>

     <div id="tab">
        <ul>
                <li class="tabin">标签1</li>
                <li>标签2</li>
                <li>标签3</li>
        </ul>
        <div class="contentin">我是内容1</div>
        <div>我是内容2</div>
        <div>我是内容3</div>

    </div>

</body>

接着是css部分,先设置li,div的基本样式,还要对当前的li和div设置样式

ul,li
{
    margin: 0;
    padding: 0;
    list-style: none;
 }

li
{
        float: left;
        background-color: #868686;
        color: White;
        padding: 5px;
        margin-r

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值