备案控制台
开发者社区> 问答> 正文

用纯 CSS 创建一个三角形的原理是什么？

用纯 CSS 创建一个三角形的原理是什么？

展开
收起
茶什i 2019-11-18 14:59:28 1195 0
1 条回答
写回答
取消 提交回答
  • 茶什i 
    span {
  width: 0;
  height: 0;
  border-top: 40px solid transparent;
  border-left: 40px solid transparent;
  border-right: 40px solid transparent;
  border-bottom: 40px solid #ff0000;
}
column1 | column2 | column3  
------- | ------- | -------  
column1 | column2 | column3  
column1 | column2 | column3  
column1 | column2 | column3  

![image.png](https://ucc.alicdn.com/pic/developer-ecology/a509187ad1b0467b80ca775c96fc20b8.png)
    2019-11-18 14:59:51
    赞同 展开评论 打赏
问答分类：
前端开发
问答标签：
CSS三角形 CSS原理 CSS创建 CSS创建三角形原理 CSS三角形原理
问答地址：
开发者社区 > 开发与运维 > 问答

版权声明：本文内容由阿里云实名注册用户自发贡献，版权归原作者所有，阿里云开发者社区不拥有其著作权，亦不承担相应法律责任。具体规则请查看《阿里云开发者社区用户服务协议》和《阿里云开发者社区知识产权保护指引》。如果您发现本社区中有涉嫌抄袭的内容，填写侵权投诉表单进行举报，一经查实，本社区将立刻删除涉嫌侵权内容。

相关问答
CSS的工作原理是什么呀？
456
1
0
CSS中的浮动和它的工作原理是什么啊？
3012
1
0
CSS sprites的原理是什么啊？
3032
1
0
CSS高等高布局中的创建带边框的两列等高布局具体是什么啊？
2975
1
0
CSS的工作原理是什么？
847
1
0
我创建的页面引用不到css，jpg等静态文件 400 请求报错 
812
1
0
全屏滚动的原理是什么？用到了CSS的哪些属性？
1172
1
0
用纯CSS创建一个三角形的原理是什么？
769
1
0
用css怎么制作三角形
1602
1
0
css3怎么写三角形
1678
1
0
问答排行榜
最热
最新
1 通过阿里云代备案系统进行个人快速备案 2699925
2 【大咖问答】对话PostgreSQL 中国社区发起人之一，阿里云数据库高级专家 德哥 1818332
3 据说在家办公的程序员是这样写代码的？ 1792374
4 阿里云开放端口权限 689937
5 如何升级配置 536077
6 【藏经阁一起读（27）】本周推荐《Apache Flink案例集（2022版）》，你有哪些心得？ 522474
7 【精品问答】python技术1000问(1) 514007
8 Flink Forward Asia 2021 有奖问答 512811
9 Linux Bash严重漏洞修复紧急通知（已全部给出最终修复方案） 456924
10 OceanBase 使用动画（持续更新） 359271
11 阿里云LNAMP(Linux + Nginx + Apache + MySQL + PHP)环境一键安装脚本 329726
12 OSS存储服务-客户端工具 321349
13 为体验实验室取一个新名字。 307334
14 企业邮箱发送邮件时，若出现投递失败产生退信，内容提示包含如下： the mta server of * reply:550 failed to meet SPF requirements 或者 the mta server of 163.com — 163mx01.mxmail.netease.com(220.181.14.141) reply:550 MI:SPF mx14,QMCowECpA0qTiftVaeB3Cg—.872S2 1442548128 http://mail.163.com/help 303870
15 Win Server 2003-2016 加密勒索事件必打补丁合集 295174
16 FLASH播放器，在IE浏览器下显示请确定您的域名已完成备案和CNAME绑定 283672
17 安全组详解，新手必看教程 277264
18 写code还是做管理，开发者如何进行职业规划？ 268490
19 惊喜翻倍：免费ECS+免费环境配置~！(ECS免费体验6个月活动3月31日结束) 255833
20 阿里云手机和阿云浏览器连接问题专帖 235634
1 使用通义灵码冲刺备战求职季，你有哪些深刻体验？ 117
2 通用大模型VS垂直大模型，你倾向于哪一方？ 181
3 如何破除工作中的“路径依赖”？ 163
4 一键生成你眼中的未来城市，分享部署过程、输出结果及使用体验 685
5 展示你用AI工具生成动漫头像，并分享配置过程及使用体验 440
6 国内AI大模型高考数学成绩超GPT-4o，如何看待这一结果？ 722
7 如何避免“写代码5分钟，调试2小时”的尴尬？ 805
8 通义灵码生成Git Commit的时候，偶尔生成中文，偶尔生成英文，根本无法控制生成的语言。 214
9 一键部署3D卡通风格模型，分享部署过程及使用体验 622
10 展示你通过AI修饰的自然风光照片，并讲述你的拍摄和编辑过程 1083
11 机器学习PAI现在一直在重试，怎样停掉？ 252
12 请问机器学习PAI eas服务拉取dockerhub失败怎么办？ 202
13 机器学习PAI dlc一直卡在预分配怎么解决？没有日志吗？ 119
14 请教下机器学习PAI的代码配置没有链接测试吗？ 140
15 平头哥芯片W800:芯片如何购买？ 179
16 阿里云Grafana升级10后 已有的 飞书webhook 报警机器人不再工作。 请问如何排查？ 169
17 请问通义灵码IDEA生成Git Commit Message 如何默认生成中文注释 142
18 登录nacos提示No message available 怎么办？ 118
19 Nacos登录密码忘记了如何修改？ 484
20 你知道APP是怎么开发的吗？ 1750

相关课程

更多
  • CSS 快速掌握
    20242
    49
    去学习
  • 零基础学前端HTML+CSS
    9120
    57
    去学习
  • 前端开发CSS基础
    4319
    21
    去学习
    • 推荐问答
    乘风问答官招募中！机械键盘免费拿

    相关文章

  • Vue3 【仿 react 的 hook】封装 useLocation
  • Nginx15-16服务器启停命令
  • Ngnix的http块相关介绍
  • Ngnix的events块指令讲解和events指令配置实例
  • Nginx静态资源概述

    • 相关电子书

    更多
    • 零基础CSS入门教程 立即下载
    编程语言如何演化—— 以 JS 的 private 为例 立即下载
    编程语言如何演化-以JS的private为例 立即下载