黄页网络的推广网站有哪些好,惠城网站设计,深圳网站搭建多少钱,静安网站建设css实现有缺口的border 1.问题回溯2.css实现有缺口的border 1.问题回溯
通常会有那种两个div都有border重叠在一起就会有种加粗的效果。 div1,div2,div3都有个1px的border#xff0c;箭头标记的地方是没有处理解决的#xff0c;很明显看着是有加粗效果的。其实这种感觉把di… css实现有缺口的border 1.问题回溯2.css实现有缺口的border 1.问题回溯
通常会有那种两个div都有border重叠在一起就会有种加粗的效果。 div1,div2,div3都有个1px的border箭头标记的地方是没有处理解决的很明显看着是有加粗效果的。其实这种感觉把div3的width减小1px外加一个margin-left:1px应该也可以的。
2.css实现有缺口的border .center {width: 302px;display: flex;flex-direction: column;height: 750px;box-sizing: border-box;padding: 0 15px;background: #F5F7FA;border: 1px solid #C9C9C9;position: relative;::before {content: ;position: absolute;left: -1px;bottom: 0;width: 1px;height: 748px;background-color: #ffffff;}}我这里的这种主要注意class的position: relative然后就是::before的所有都是重点left,bottom,width属性的px值要灵活变通height属性也是class的height的px值减去2倍的border的px值。 如果你要实现多个方向的缺口的话就可以不用伪元素直接自定义class名同理上面的style自由发挥。