老师三角形我知道,但是代码不明白,请请详细解释一下代码

来源:2-13 编程练习

siegelions

2020-12-17 14:39:37

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

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

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

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

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

写回答

1回答

好帮手慕言

2020-12-17

同学你好,解答如下:

1、类名为wrap的元素,设置边框之后,没有设置旋转之前,页面效果如下:
http://img.mukewang.com/climg/5fdb03ea09a870b802720213.jpg

旋转之后,页面如下:

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

2、给::before设置left和旋转是为了调整位置。没有设置left值和旋转之前的效果如下:

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

设置left值和旋转之后的效果如下:

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

3、::after可以再设置一个三角,放到对应的位置上,如下:

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

同学对某个值不理解的话,可以通过检查元素调整值的大小,看具体的效果,操作如下:

1、按F12,调出下方界面:
http://img.mukewang.com/climg/5fdb064a09257d5005590322.jpg

2、想看哪个元素就用鼠标选中,如下:

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

祝学习愉快~


1
hiegelions
hp>看明白了,谢谢老师

h020-12-17
共1条回复

0 学习 · 15276 问题

查看课程