关于边框的问题，

像这种不规则的边框该怎么做呢，能否给点提示或者建议

慕码人2142389 2019-05-07

源自：项目：网页布局案例 2-10 作业题

0

收起

4回答

好帮手慕夭夭回答被采纳获得+3积分 2019-05-08 19:13:04

你好同学，意思是在元素的内容之前插入一个内容哦，可以复习一下前面课程里面的资料，里面有详细的总结：

http://file.mukewang.com/class/assist/184/3661251/css%20%E9%80%89%E6%8B%A9%E5%99%A8%E5%8F%82%E8%80%83%E6%89%8B%E5%86%8C.pdf

祝学习愉快，望采纳。

好帮手慕夭夭 2019-05-08 14:17:29

你好同学，老师给你提供一个思路，如下：

当一个盒子宽高为0，只设置边框的时候，会发现边框是由四个小三角组成

所以可以给其他角度的边框设置透明度（transparent），然后只留一个就实现小三角了哦。

例如在图片的父元素div的伪类上面绘制（伪类相当于一个子元素，这样节约一个div盒子）

如下参考代码：

祝学习愉快，望采纳。

提问者慕码人2142389 #1

这个伪类什么意思，没学过诶，css有多少种伪类呢

2019-05-08 18:52:48
提问者慕码人2142389 #2

这个伪类什么意思，没学过诶，css有多少种伪类呢

2019-05-08 18:52:49

提问者慕码人2142389 2019-05-08 11:32:53

就是文字那边凸出来的三角形

好帮手慕夭夭 2019-05-08 11:31:42

你好同学，本页面中并没有不规则的边框。请同学具体描述一下哪一个位置的边框，以便老师帮助你解答。

祝学习愉快！

提问者慕码人2142389 #1

就是文字边框旁边的三角形区域

2019-05-08 11:33:25
提问者慕码人2142389 #2

就是文字边框旁边的三角形区域

2019-05-08 11:33:26

相似问题

边框背景的问题

这一节，不是有边框了吗？

边框重叠的问题

关于边框线的问题

关于meau-item的行高问题

登录后可查看更多问答，登录/注册

1.前端零基础入门

参与学习人
提交作业 8403 份
解答问题 40143 个

本阶段为你揭开日常所见网页的神秘面纱，炫酷的动效并不难得，带你从基础知识到静态网页布局，再到用JS实现动态网页开发，轻松迈入前端开发的大门。

本课精华内容

问答作业

关于浏览器兼容性代码疑问

16 1

请老师检查

65 3

没有明白，为什么height是90，padding-top为60。它就居中了？

26 3

关于三种常用的清除浮动方法的优劣对比，请老师简单讲一讲

18 1

进击的小白们加油。分享一下我做最后这个项目作业的感受

188 1

查看更多本课问答

请稍等 ...

意见反馈帮助中心 APP下载