请问这个尖角怎么实现

正在回答 回答被采纳积分+1

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

2回答
好帮手慕美 2022-01-20 09:40:18

同学,你好!可以用一个div来完成,设置宽度和高度为0。再设置div的边框,设置顶部和右部边框的样式,再使用定位设置其位置即可。

参考代码:

<!DOCTYPE html>
<html>
<head>
    <meta charset="UTF-8">
    <style>
        .sanjiao {
            width: 0;
            height: 0;
            border: 13px solid transparent;
            border-top-color: #8CA8D8;
            border-right-color: #8CA8D8;
        }
    </style>
</head>
<body>
    <div>
        <div class="sanjiao"></div>
    </div>
</body>
</html>

祝学习愉快!

学Python的羊 2022-01-19 21:42:59

这个聊天框不是css弄出来的,是张图片

  • 提问者 Cherub1Zhuang #1
    那怎么实现大小和文字自适应
    2022-01-19 21:53:16
  • 吴老师在线叛逃 回复 提问者 Cherub1Zhuang #2

    创建 一个和图片一样大小的div然后移动到图片上方实现重叠

    2022-03-23 10:39:32
问题已解决,确定采纳
还有疑问,暂不采纳

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

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

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

在线咨询

领取优惠

免费试听

领取大纲

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