css 梯形tab标签页

最新推荐文章于 2024-04-01 08:15:25 发布

有脾气的程序媛

最新推荐文章于 2024-04-01 08:15:25 发布

阅读量3.1k

点赞数 6

文章标签： css

本文链接：https://blog.csdn.net/p_pppxxxxmmm/article/details/106764545

版权

现在越来越时尚化，tab标签页已经不像原来的那么传统格式化了，现在给大家实现一个简约美观的tab标签页

比较简约的梯形tab
在这里插入图片描述

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <style>
        .nav{
   
            display: flex;
            width: 300px;
            align-items: flex-end;
        }
        .nav .item{
   
            flex: 1;
            height: 40px;
            background: #eee;
            border-radius:

最低0.47元/天解锁文章

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

有脾气的程序媛

关注关注

6
点赞
踩
13

收藏

觉得还不错? 一键收藏
1
评论
css 梯形tab标签页

现在越来越时尚化，tab标签页已经不像原来的那么传统格式化了，现在给大家实现一个简约美观的tab标签页比较简约的梯形tab<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Doc
复制链接

扫一扫