草庐IT

如何完美地去除表格的“双线”

想必大家在做网页表格的时候一定遇到过这种情况吧表格出现了“双线”,但是我们需要一个“单线”的表格比较常用的解决方案解决方案1:在表格的样式中添加border-collapse:collapse;以设置边框合并(如果border-collapse的属性值为collapse,则会忽略border-spacing和empty-cells属性),效果如下:中间的那一条线特别粗,强迫症表示巨不舒服解决方案2:在表格样式中添加border-spacing:0;(由于HTML5已经放弃cellspacing这个属性,所以用border-spacing:0;这个样式来代替)以设置相邻单元格边框间的距离为0,效

如何完美地去除表格的“双线”

想必大家在做网页表格的时候一定遇到过这种情况吧表格出现了“双线”,但是我们需要一个“单线”的表格比较常用的解决方案解决方案1:在表格的样式中添加border-collapse:collapse;以设置边框合并(如果border-collapse的属性值为collapse,则会忽略border-spacing和empty-cells属性),效果如下:中间的那一条线特别粗,强迫症表示巨不舒服解决方案2:在表格样式中添加border-spacing:0;(由于HTML5已经放弃cellspacing这个属性,所以用border-spacing:0;这个样式来代替)以设置相邻单元格边框间的距离为0,效

当顶部导航栏遮挡住链接对象部分内容怎么办

想必大部分做顶部导航栏(position:fixed;)的都遇见过导航栏遮住链接链接对象部分内容这种情况吧,如下图所示,我的顶部导航栏的高度为9vh,video元素是“本店快递流程”(锚链接)跳转的元素当我点击该链接时,video元素被遮去了9vh的高度,这是为什么呢?我查看了一下源代码(video元素的css样式之一):margin:10px0;而锚链接跳转则是让跳转元素的顶部置于视口顶部,如下图:因此,如果顶部导航栏始终至于视口顶层,那么跳转时必定会使导航栏遮住跳转元素的顶部我的解决方案&解析:padding:12vh0;/*12vh=9vh+3vh9vh为导航栏高度*/解析:在css的世

当顶部导航栏遮挡住链接对象部分内容怎么办

想必大部分做顶部导航栏(position:fixed;)的都遇见过导航栏遮住链接链接对象部分内容这种情况吧,如下图所示,我的顶部导航栏的高度为9vh,video元素是“本店快递流程”(锚链接)跳转的元素当我点击该链接时,video元素被遮去了9vh的高度,这是为什么呢?我查看了一下源代码(video元素的css样式之一):margin:10px0;而锚链接跳转则是让跳转元素的顶部置于视口顶部,如下图:因此,如果顶部导航栏始终至于视口顶层,那么跳转时必定会使导航栏遮住跳转元素的顶部我的解决方案&解析:padding:12vh0;/*12vh=9vh+3vh9vh为导航栏高度*/解析:在css的世