老师，about区如何排版没有思路，老师可以提供一个思路吗
来源：2-10 作业题
weixin_慕斯1009030
2019-07-28 16:46:43
<html>
写回答
1回答
-
同学你好，老师这里给你提供一个参考的思路：
上半部分
我用画图给你展示一下（由于是手画的可能不太严谨）使用一个大的div，使用margin：0 auto实现整体居中，里面放三个小的div, 三个小div设置浮动使显示在一行。
最后在设置一个div容纳遮罩的这部分，可以使用background: rgba(255,255,255,0.5);实现遮罩效果，并使用绝对定位，要相对于上面说到的大div。具体该填充多少值可以参考原型图。
下半部分
可以使用一个大的div容器，里面写八个小的div，分别容纳图片和内容，分别给8个不同的div设置左浮动，这样就能横向显示，并且每个div的宽度设置为25%，这样正好一排显示4个。注意里面字体的大小和颜色的设置，以及位置的定位，需要改变位置的可以使用填充。
关于小三角的实现方式，可以用border设置边框的方式来实现小三角形状的编写，我写了个小例子，你可以参考一下：
实现小三角形之后，将小三角定位到相应的位置即可
编程是灵活的， 一种效果可以有多种实现方式， 老师只是提供一个参考的思路，如果同学能够有更好的实现方式也是可以的
如果帮助到了你， 欢迎采纳！
祝学习愉快~~~~~
1
相似问题