最新回答 / qq_慕仔7565087
和文本的大小还有容器的大小有关吧
这样直接就是删除了首尾分割线的结果
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
2022-04-24
background-image:linear-gradient(to top left,red,orange,yellow);
2021-08-30
background-clip:padding-box 内填充区域 哦
content-box -> 内容区域
content-box -> 内容区域
2021-06-18
.wrapper span {
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
这样改在这里是正确的的,但是在visual code上显示不出来
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
这样改在这里是正确的的,但是在visual code上显示不出来
2021-04-27
/*使用伪元素制作导航列表项分隔线*/
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
.nav li:not(:first-child):before{ content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
2021-04-14
//使用伪元素制作导航列表项分隔线
.nav li:before{
content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
//删除第一项和最后一项导航分隔线
.nav li:first-child:before{
content:none;
}
.nav li:before{
content: '';
position: absolute;
height:10px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;
}
//删除第一项和最后一项导航分隔线
.nav li:first-child:before{
content:none;
}
2021-04-14
已采纳回答 / qq_慕标0297594
因为你是在box1里插入的背景图片,但是把overflow属性写到box2里。但如果把overflow写到box1里,图片高度没有溢出bo1的高度所以也不会隐藏。可以直接把图片插入box2里,如果觉得这样图片不好看,可以试试把图片作为一个单独的元素用定位方式调整位置
2021-04-13