关于边框圆角项目,按照题目要求设置伪类::befo三角形没出来,想让老师帮忙看看哪里出了问题没显示出来

来源:3-1 课程总结

慕瓜0126554

2020-11-18 21:46:21

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

.wth dl dd::before{

    width0;

    height0;

    border20px solid transparent;

    border-left-colorred;

    positionrelative;

    top0;

    left0;

}

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回答

好帮手慕鹤

2020-11-19

同学你好,在:before中丢失了content:“”;样式,所以效果没有实现。代码修改如下:

http://img.mukewang.com/climg/5fb5d39909cbb20005880330.jpg

三角标设置绝对定位,相对于父元素进行定位,通过改变方位值,来实现垂直居中的效果;

效果:

http://img.mukewang.com/climg/5fb5d3a109bd3a0400470050.jpg

祝学习愉快!

0

0 学习 · 15276 问题

查看课程