热门关键字:
jquery > jquery教程 > html5 > 使用HTML CSS制作简易三角形和旗帜

使用HTML CSS制作简易三角形和旗帜

369
作者:管理员
发布时间:2020/3/6 15:18:27
评论数:0
转载请自觉注明原文:http://www.jq-school.com/Show.aspx?id=993

  HTML:

  <!DOCTYPEhtml>

  <htmllang="en">

  <head>

  <metacharset="UTF-8">

  <metaname="viewport"content="width=device-width,initial-scale=1.0">

  <metahttp-equiv="X-UA-Compatible"content="ie=edge">

  <title>旗帜</title>

  <linkrel="stylesheet"href="work1.css">

  </head>

  <body>

  <divclass="qwe"></div>

  <divclass="www"></div>

  <divclass="t0"></div>

  </body>

  </html>

  CSS:

  .www{

  height:1000px;

  width:15px;

  background-color:black;

  display:inline-block;

  margin:-5px;

  padding:0;

  }

  .t0{

  margin:30px;

  height:0px;

  width:0px;

  border-top:solid300pxred;

  border-left:solid300pxrgba(0,0,0,0);

  border-right:solid300pxrgba(0,0,0,0);

  display:inline-block;

  }

  .qwe{

  height:205px;

  width:300px;

  background-color:red;

  vertical-align:top;

  display:inline-block;

  margin-top:-5px;

  padding:0;

  }





如果您觉得本文的内容对您的学习有所帮助:支付鼓励



关键字:HTML
友荐云推荐