css3绘制三角形

最新推荐文章于 2022-12-26 17:10:39 发布

李逸风

最新推荐文章于 2022-12-26 17:10:39 发布

阅读量472

点赞数

分类专栏： CSS 文章标签： css3 transparent

本文链接：https://blog.csdn.net/sheng_li/article/details/75558142

版权

以前做类似消息提示框指示方向的这种需求需要css配合图片才能做，现在只需要直接用css3就可以了。这是运行效果图这是完整代码 *{margin: 0; padding: 0;} .container{ margin: 0 auto;

摘要由CSDN通过智能技术生成

以前做类似消息提示框指示方向的这种需求需要css配合图片才能做，现在只需要直接用css3就可以了。

这是运行效果图

这是完整代码

<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <style type="text/css">
            *{margin: 0; padding: 0;}
            .container{
                margin: 0 auto; 
                padding-top: 30px; 
                width: 1000px;
            }
            .squares{
                position: relative;
                margin-top: 30px;
                border: 1px solid #ccc;
                width: 100px;
                height: 100px;
            }
            .triangle{
                display: inline-block;
                position: abs

最低0.47元/天解锁文章

李逸风

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
css3绘制三角形

以前做类似消息提示框指示方向的这种需求需要css配合图片才能做，现在只需要直接用css3就可以了。这是运行效果图这是完整代码 *{margin: 0; padding: 0;} .container{ margin: 0 auto;
复制链接

扫一扫