为了账号安全,请及时绑定邮箱和手机立即绑定
这样直接就是删除了首尾分割线的结果
.nav li+li:after
{
content: '';
position: absolute;
height:20px;
width: 1px;
top:0;
bottom:0;
left: 0;
margin: auto auto;
background: #999;

}
div:not([id="footer"]){
background: orange;
}
background-image:linear-gradient(to top left,red,orange,yellow);
background-color:rgba(255,255,255,0.5);
border-radius:50px 0px 0px 50px;
background-clip:padding-box 内填充区域 哦
content-box -> 内容区域
.wrapper span {
display:block;
-webkit-transform: skewX(-45deg);
-moz-transform: skewX(-45deg);
transform:skewX(-45deg);
}
这样改在这里是正确的的,但是在visual code上显示不出来
/*使用伪元素制作导航列表项分隔线*/
.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: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;
}

已采纳回答 / qq_慕标0297594
因为你是在box1里插入的背景图片,但是把overflow属性写到box2里。但如果把overflow写到box1里,图片高度没有溢出bo1的高度所以也不会隐藏。可以直接把图片插入box2里,如果觉得这样图片不好看,可以试试把图片作为一个单独的元素用定位方式调整位置

最新回答 / 全国bug产出大赛亚军
:empty伪类选择器匹配没有任何子元素的元素,而input标签里的有没有值和元素内有没有子元素是不同的。
课程须知
1.html+CSS相关基础知识 2.具有一定的网页制作经验 3.此课程不支持IE9版本以下,建议使用 chrome、safari、firefox、opera浏览器学习本课程。
老师告诉你能学到什么?
1.系统学习CSS3相关知识 2.轻松制作出各种绚丽的效果

微信扫码,参与3人拼团

意见反馈 帮助中心 APP下载
官方微信
友情提示:

您好,此课程属于迁移课程,您已购买该课程,无需重复购买,感谢您对慕课网的支持!

本次提问将花费2个积分

你的积分不足,无法发表

为什么扣积分?

本次提问将花费2个积分

继续发表请点击 "确定"

为什么扣积分?

举报

0/150
提交
取消