ABOUT区的下部分(图文交错显示)的三角 怎么做?

ABOUT区的下部分(图文交错显示)的三角 怎么做?

正在回答

登陆购买课程后可参与讨论,去登陆

3回答

同学你好!

可以使用边框。当给一个盒子边框设置成不同的颜色时 ,如下:

http://img1.sycdn.imooc.com//climg/5d2bee0c00013fd205330328.jpg

会发现 ,边框的表现形式是4个三角,即:

http://img1.sycdn.imooc.com//climg/5d2bee1c00015ea500930087.jpg

例如你想要留下右边的三角 ,就可以把其他三个设置成透明色 ,如下:

http://img1.sycdn.imooc.com//climg/5d2bee2b0001ebb806310085.jpg

这样就实现三角形,即:

http://img1.sycdn.imooc.com//climg/5d2bee3c0001de4800860080.jpg

之后使用定位,让其显示在图文的左侧、右侧

如果帮助到了你 欢迎采纳 祝学习愉快~

  • 慕丝1342 提问者 #1
    设置出来 三角形的角尖没了
    2019-07-17 23:42:46
好帮手慕码 2019-07-18 09:36:21

同学你好!
按照回复一下中写,测试是可以的:

http://img1.sycdn.imooc.com//climg/5d2fcca80001291608340313.jpg

http://img1.sycdn.imooc.com//climg/5d2fccb500015e3201390112.jpg

可以看下那里写的有误,或者同学可以粘贴自己的代码(不要截图)在问答区提问,以便准确的查找问题所在。

如果帮助到了你 欢迎采纳 祝学习愉快~

提问者 慕丝1342 2019-07-17 23:41:29

http://img1.sycdn.imooc.com//climg/5d2f416f00015f4101800181.jpg   老师,跟着你的代码写的,为什么设置出来成这样了

问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师