课程笔记
课程/JavaScript/前端开发
Tab选项卡切换效果
介绍
章节
问答
笔记
慕容9290173
2022-03-18
宽度计算技巧0318
0赞 · 0采集
慕容9290173
2022-03-18
这个坑记住0318
0赞 · 0采集
手可摘星_陈
2020-11-16
css样式计算部分没有理解
0赞 · 0采集
慕粉3601161
2017-12-09
选项卡
截图
0赞 · 0采集
慕瓜5189485
2017-11-10
1、 最左和最右的标题项被选择时,边框和外边框靠近会使边框变为2倍宽度,通过将标题栏设置得比外div元素宽,绝对定位使标题栏left:-1px,令内边框和外边框重合,从而只显示1倍边框宽度。 2.、下边框处理:将下边框颜色设为白色即可。 3.、左右边框处理:在定义标题项宽度时通过padding留出左右边框的位置,在被选择时设置左右边框后清除掉padding即可,从而不会使文本内容发生变化。 .notice{ width: 298px; height: 98px; border: 1px solid #eee; margin: 10px; overflow: hidden; } .notice-title{ height: 27px; position: relative; background: #F7F7F7; } .notice-title ul{ position: absolute; width: 301px; left: -1px; } .notice-title li{ float: left; width: 58px; height: 26px; line-height: 26px; text-align: center; overflow: hidden; padding:0 1px; background: #fff; border-bottom: 1px; background: #F7F7F7; } .notice-title li.select{ padding: 0; background: #FFFFFF; border-bottom: #FFFFFF; border-left: 1px solid #EEEEEE; border-right: 1px solid #EEEEEE; }
0赞 · 1采集
UFO2015
2017-10-20
background data-select="selected"
截图
0赞 · 0采集
UFO2015
2017-10-20
boz-sizing: border-box; :hover
截图
0赞 · 0采集
UFO2015
2017-10-19
tabs column contents column
截图
0赞 · 0采集
qq_剩我孤独_0
2017-04-25
overflow:hidden;是什么意思。
0赞 · 7采集
balluchone
2017-03-08
加边框时防止溢出
截图
1赞 · 0采集
wshyzx
2017-03-04
一般样式表都用类,尽量少用ID,而操作元素则最好用ID!这样是为了事件和样式明确!
0赞 · 0采集
门掩重关萧寺中
2017-01-24
left:-1px; border-bottom-color: text-decoration:none; ============= 所以 直接都设置成有边框的 但没被选中的边框与背景色一样可以吗
0赞 · 0采集
门掩重关萧寺中
2017-01-24
*{margin:0; padding:0; list-style:none; font-size:12px;} 默认设置
0赞 · 0采集
伯牙期雨
2017-01-21
恩恩嗯
0赞 · 0采集
朝夕ing
2017-01-06
切换类型
截图
0赞 · 0采集
慕尼黑0610541
2016-12-23
边框是会影响盒子大小的
0赞 · 0采集
qweqwe13123123
2016-10-19
小tips:给原来的li左右加一个像素的padding 代替hover的时候 左右1像素的边框线。
截图
0赞 · 1采集
crisita
2016-08-13
高亮现实
截图
0赞 · 0采集
crisita
2016-08-13
去下划线
截图
0赞 · 0采集
P妞酱酱
2016-06-25
3333333333
截图
0赞 · 0采集
P妞酱酱
2016-06-24
谔谔谔谔谔谔谔谔3333333
截图
0赞 · 0采集
慕雪3254991
2016-06-15
nav
0赞 · 0采集
lemonda
2016-04-07
Tab切换类型: 滑过切换 延迟切换 点击切换 自动切换
0赞 · 0采集
一二三go
2016-03-26
padding与border结合 padding:0 1px填充 经过li使padding:0;border-left border-right:1px solid black
0赞 · 0采集
一二三go
2016-03-26
鼠标经过li 效果:左右出现边框线 问题:第1、最后一个Li边框线会与盒子边框重叠 解决: 令盒子:relative ul:absolute left:-1
0赞 · 1采集
宫阙
2016-03-16
Tab选项卡切换效果(四种):划过切换、点击切换、延迟切换、自动切换
截图
0赞 · 0采集
楚初
2016-03-16
a 标签样式
截图
0赞 · 0采集
楚初
2016-03-16
a标签的使用
截图
0赞 · 0采集
楚初
2016-03-16
notice-tit
截图
0赞 · 0采集
楚初
2016-03-15
高亮显示时字体加粗
截图
0赞 · 0采集
数据加载中...