<!DOCTYPE html>
<html>
<head></head>
<style type="text/css">
#triangle{
width: 0px;
height: 0px;
border-bottom: 140px solid yellowgreen;
border-left: 70px solid transparent;
border-right: 70px solid transparent;
}
</style>
<body>
<div id="triangle"></div>
</body>
</html>
效果图
三角形
知识点：盒子模型与css样式,CSS3选择器、CSS3伪元素画三角形，DIV+CSS布局基础，html性能优化与布...
要求 单纯用css3实现画任意三角形 其实很简单，div块里，将width和height设为0；将border的四...
css3制作三角形 文本省略...样式
今天读大漠老师的图解css3中，遇到一个需要画三角形的地方，我刚好学一下。 到这里我们就可以获取到一个简单的三角形...
如何使用css编写三角形：/* css3三角形（向上 ▲） /div.arrow-up {width:0px;he...
css3三角形画法 .content{width:0px; height:0px; ...
css 布局 两列三列 居中对齐 bfc 定位 css3 新增 三角形 梯形 空心三角形 block visibi...
效果图
用 CSS3 做一个三角形？ 用伪类实现一个上三角?
CSS画正方形长方形很简单，本文就不说了。 一、三角形 1、CSS画等腰三角形 2、画直角三角形： 二、画圆形 注...
本文标题：css3 画三角形
本文链接：https://www.haomeiwen.com/subject/ypmogttx.html
网友评论