用CSS画一个三角形

 <style>
    div {
      width: 0;
      height: 0;
      border-top: 100px solid red;
     <!-- 边框的均匀分布 -->
      border-left: 100px solid transparent;
      border-bottom: 100px solid transparent;
      border-right: 100px solid transparent;
    }
  </style>
  <body>
    <div></div>
  </body>

posted @ 2022-05-07 12:43 RHCHIK 阅读(31) 评论(0) 编辑收藏举报

刷新页面返回顶部

登录后才能查看或发表评论，立即登录或者逛逛博客园首页

相关博文：

· 前端基础CSS3知识点概括

· 图片居中的几种方法

· 利用css3画三角形

· css绘制三角形

· 【CSS】绘制一个三角形

阅读排行：
· 震惊！C++程序真的从main开始吗？99%的程序员都答错了
· 别再用vector＜bool＞了！Google高级工程师：这可能是STL最大的设计失误
· 单元测试从入门到精通
· 【硬核科普】Trae如何「偷看」你的代码？零基础破解AI编程运行原理
· 上周热点回顾（3.3-3.9）

百索园前端

懂一点代码的程序员

用CSS画一个三角形

搜索

随笔分类

CMS模板

后端开发

开发助手

前端开发

数据库

系统

组件库

	<style>
	div {
	width: 0;
	height: 0;
	border-top: 100px solid red;
	<!-- 边框的均匀分布 -->
	border-left: 100px solid transparent;
	border-bottom: 100px solid transparent;
	border-right: 100px solid transparent;
	}
	</style>
	<body>
	<div></div>
	</body>