问答文章1 问答文章501 问答文章1001 问答文章1501 问答文章2001 问答文章2501 问答文章3001 问答文章3501 问答文章4001 问答文章4501 问答文章5001 问答文章5501 问答文章6001 问答文章6501 问答文章7001 问答文章7501 问答文章8001 问答文章8501 问答文章9001 问答文章9501

tab 菜单的边框线重合是怎么做出来的? (html css JavaScript相关)

发布网友 发布时间:2022-05-30 18:55

我来回答

2个回答

热心网友 时间:2023-10-31 20:42

tab标签做为一个div(以下 称 tdiv)
里面是ul li 结构
内容作为另一个div (以下称 cdiv)

原理就是让 tdiv 成为非标准流!

具体做法,

先让两个div上下并在一起,
cdiv都有边框!
tdiv没有下边框!

然后
tdiv上的css加入(加入边框宽度为1px)

position:relative; top:1px;

意思就是让tdiv成为非标准流,并且是相对定位,top:-1px;
就是让tdiv从原来的位置向下偏移 1px

当点击tab的时候,就用js让激活的tab(也就是li)拥有下边框,并且为白色!
效果就出来了
其实就是白色的边框挡住了cdiv蓝色的边框

热心网友 时间:2023-10-31 20:43

这是一个选项页的作法,有很多种作法的!例如可以利用层顺序进行设计!上边的第一个小标题都定义在其border-bottom进行白色的定义,使用时将其层顺序提到前边,也就是变大,一般可以变为2,而内容的那个大的div变为1,其余的标题都是0,这样可以实现这种效果!

第二种是利用css定义,层的顺序不变,改变当前一个标题的border-bottom为白色,这种也比较常用的!这种情况下,所以的小标题都在上边的!等等这种方式多了!
声明声明:本网页内容为用户发布,旨在传播知识,不代表本网认同其观点,若有侵权等问题请及时与本网联系,我们将在第一时间删除处理。E-MAIL:11247931@qq.com
水笔在手上画画会不会被衣服搽掉下来 老人每天大便次数很多量不多也不稀,每天还会拉三四次水应经三个月了... 从大连飞机场怎么去大连经济开发区5彩城K区的大连金港大酒店 除了打 ... 请问从大连周水子国际机场到经济技术开发区怎么走最省钱? 中国古代名刀总录中国古代十大名刀 怎样把qq安装到iphone里面 苏科大什么梗 苏科大叫什么名字 lol苏科大是苏州科技大学的吗 lol苏州科技大学为什么这么厉害 优尔精医用降温贴是不是保健品? 拓跋焘的人物生平 秦军很容易战胜匈奴,而汉军则不行,为什么呢? 古代皇帝你喜欢哪一位,为什么呢? 阴山法坛阴山派和合术师傅怎么联系? 《阴山大帝》txt全集下载 12磅是多少千克 关于WORD里段间距的"磅"值,大小是怎么看的.例如32磅和12磅谁大一些. 包装规格12×3磅。12代表什么 罗德岛设计学院发榜时间 收银机用哪种好 国产收银机哪个最好? 奚梦瑶产子,病床上素颜比走秀还要美,明星素颜都是真的那么美吗? 幸运女星!从一摔爆红的模特到千亿豪门的儿媳,奚梦瑶有何过人之处? 奚梦瑶产子被曝母凭子贵,这样的豪门爱情能够走多远? 梁安琪让奚梦瑶多生,却从不催亲生女儿生孩子,女儿和儿媳为什么差别那么大? 对于超模来说,生孩子是否会影响到他们的职业生涯? 奚梦瑶自称还可以再生个小孩,这是在坚定二胎想法吗? 奚梦瑶、何猷君求婚产子仅五个月,母凭子贵她能受到豪门青睐吗? 奚梦瑶产子,巨额遗产分配再起风云,何猷君弯道超车成赢家? 奚梦瑶生完孩子后她的人生有什么不同? 怎样实现这样的html tab标签 京东假一罚几的规定 盐溶液滴入无色酚酞溶液 为什么氯化钠溶液滴入酚酞溶液可以证明钠离子和氯离子不能使溶液变红 用一种试剂把镁离子、钠离子、铝离子、铜离子、铁离子、亚铁离子、铵根离子鉴别开,请问是什么 遇到氯化钠溶液变红的化学物质(指示剂)有什么? 怀孕26周,宝宝体重才873克,正常么? 离子钠、钾、铵根、铁、亚铁、铝、氢、碳酸根、氯、溴、碘、硫酸根、氢氧根的检验方法 孕26周宝宝就头朝下(胎位正)正常不?是不是早了 某校初中化学兴趣小组的同学,用自制的酸碱指示剂对NaCl、NaOH、HCl等溶液的酸碱性进行测定,结果记录如 实验探究:氢氧化钠溶液中哪一种粒子(H2O、Na+、OH-)能使指示剂变色。 加入钙羧酸钠指示剂后,溶液为什么一直呈粉红色 能与钠离子络合除去钠离子的试剂是什么 用NaOH滴定盐酸溶液中溶解了CO2,用甲基橙做指示剂,测得值为何不受影响? 盐酸与氯化钠溶液分别滴入紫色石蕊溶液时,前者变红后者不变,会不会是因为钠离子阻止了变红? 硫酸氢钠溶于水形成什么离子与指示剂作用? 变压器防盗锁、电力安全系列工具及金具系列。防窃电表箱、电力表箱专用锁 电梯安全锁是什么?一般电梯停滞门能掰开吗 吊篮安全锁锁死了怎么办 格力立式空调遥控器,有个灯光键,按下空调屏幕可以关闭。。为啥再按灯光键,怎么就关机了啊。