运用html与css画三角形
2018-03-08 17:12
302 查看
代码如下：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.sanjiaoxing{
height: 0px;
width: 0px;
border-left: 50px solid transparent;/*transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。*/
border-right: 50px solid transparent;
border-bottom: 100px solid black;
opacity
}
</style>
</head>
<body>
<div class="sanjiaoxing"></div>
</body>
</html>
运行结果：
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<style>
.sanjiaoxing{
height: 0px;
width: 0px;
border-left: 50px solid transparent;/*transparent是全透明黑色(black)的速记法，即一个类似rgba(0,0,0,0)这样的值。*/
border-right: 50px solid transparent;
border-bottom: 100px solid black;
opacity
}
</style>
</head>
<body>
<div class="sanjiaoxing"></div>
</body>
</html>
运行结果：
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- HTML border CSS输出三角形
- HTML+CSS写三角形原理
- html页面中运用CSS为层(div)元素添加滚动条
- 如何使用HTML+CSS画三角形
- html页面中运用CSS为层(div)元素添加滚动条
- Jquery+HTML+CSS运用
- HTML之CSS画三角形原理
- 如何把作好的CSS文档与HTML结合起来运用
- HTML border CSS输出三角形
- HTML+CSS 画三角形
- HTML列表标签 UL/OL LI 结合CSS的运用
- 妞，你可以把你正在做、计划做和正在读的书添加到你的Blog里，运用你的HTML + CSS技术能力！！
- 用html,css制作一个三角形
- HTML+CSS写一个三角形（原理+实例）
- 如何运用CSS在HTML中让图片自动适应屏幕大小的问题
- 一本由译者自己排版的书：谈 HTML+CSS 在中文排版中的实际运用
- 如何使用HTML&CSS写一个三角形。
- 如何用HTML和CSS画出三角形
- html+css实现三角形的三种方法
- html中css使用div绘制三角形