头闻号

广州丰煌化工科技有限公司

磺酸|氢氧化钠|一元醇|胺|表面活性剂

首页 > 新闻中心 > 科技常识:css写的三角形欣赏
科技常识:css写的三角形欣赏
发布时间:2024-11-19 00:31:48        浏览次数:3        返回列表

今天小编跟大家讲解下有关css写的三角形欣赏 ,相信小伙伴们对这个话题应该有所关注吧,小编也收集到了有关css写的三角形欣赏 的相关资料,希望小伙伴们看了有所帮助。

今天闲着蛋疼 随便修几个三角形

<div class="top"></div>

<div class="left"></div>

<div class="right"></div>

<div class="down"></div>

<style type="text/css">

.top,

.left,

.right,

.down{

width:0;

height:0;

line-height:0;

border:15px solid transparent;

_border:15px solid #fff;

}

.top{ border-bottom-color:#f00; }

.left{ border-right-color:#0f0; }

.right{ border-left-color:#00f; }

.down{ border-top-color:#0ff; }

</style>

来源:爱蒂网