关于边框圆角项目,按照题目要求设置伪类::befo三角形没出来,想让老师帮忙看看哪里出了问题没显示出来
来源:3-1 课程总结
慕瓜0126554
2020-11-18 21:46:21
# 具体遇到的问题
# 报错信息的截图
# 相关课程内容截图
# 尝试过的解决思路和结果
# 粘贴全部相关代码,切记添加代码注释(请勿截图)
.wth dl dd::before{
width: 0;
height: 0;
border: 20px solid transparent;
border-left-color: red;
position: relative;
top: 0;
left: 0;
}
div class="wth">
<dl>
<dt class="lf"><img src="images/b1.jpg"></dt>
<dd class="rt">
<h3>Library</h3>
<h6>Lorem ipsum dolor sit amet</h6>
<p>Lorem, ipsum dolor sit amet consectetur adipisicing elit. Perferendis excepturi ad tempora. Quod facere eveniet dicta ea rem, aliquid recusandae voluptas, iure sunt molestiae aut ducimus sed sapiente, dolorem mollitia.</p>
<button>EXPLORE</button>
</dd>
</dl>
</div>
1回答
同学你好,在:before中丢失了content:“”;样式,所以效果没有实现。代码修改如下:
三角标设置绝对定位,相对于父元素进行定位,通过改变方位值,来实现垂直居中的效果;
效果:
祝学习愉快!
相似问题