制作三角

最新推荐文章于 2022-09-06 21:38:54 发布

zxhta

最新推荐文章于 2022-09-06 21:38:54 发布

阅读量74

点赞数

本文链接：https://blog.csdn.net/zxhta/article/details/102788270

版权

<!doctype html>
<html lang="en">
<head>
 <meta charset="UTF-8">
 <title>Document</title>
 <style>
  body{
  	background-color:pink;
  }
  div{
	   height:0px;
	   width:0px;
	   border:10px solid red;
	   border-left-color:blue;
	   }
  p{
	   /*黄色存在但是白色也存在只是重色了*/
	   height:0px;
	   width:0px;
	   border:10px solid  #fff;
	   border-left-color:yellow;
  }
	  h1  {height:0px;
	   width:0px;
	   border:10px solid  transparent;
	   border-left-color:yellow;
	  /*transparent是透明色*/
  }
  h2{
	   height:0px;
	   width:0px;
	   border:10px solid red;
	   border-left:50px solid blue;
	   display:inline-block;
	  }
  span{
	   height:0px;
	   width:0px;
	   border:10px solid red;
	   border-left:50px solid blue;
	   display:inline-block;
  }
 </style>
</head>
     <body>
	 <div></div>
	 <p></p>
	 <h1></h1>
	 <h2></h2>111 <br>
	 <span></span>111

     </body>
</html>