三角形
程序员文章站
2022-04-01 12:39:30
...
宽度和高度都为0的情况下画一个正方形是这样子的
<html>
<head>
<title>画正方形</title>
<style>
#item {
width: 0;
height: 0;
border-left: 50px solid blue;
border-right: 50px solid blue;
border-top: 50px solid blue;
border-bottom: 50px solid blue;
background: white;
}
</style>
</head>
<body>
<p id='item'></p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>
<html>
<head>
<title>直角三角形</title>
<style>
#item {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid blue;
border-top: 50px solid transparent;
border-bottom: 50px solid blue;
background: white;
}
</style>
</head>
<body>
<p id='item'></p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html><html>
<head>
<title>等腰三角形</title>
<style>
#item {
width: 0;
height: 0;
border-left: 50px solid transparent;
border-right: 50px solid transparent;
border-top: 50px solid transparent;
border-bottom: 50px solid blue;
background: white;
}
</style>
</head>
<body>
<p id='item'></p>
<p>title 元素的内容会显示在浏览器的标题栏中。</p>
</body>
</html>上一篇： Z-Blog关闭隐藏评论功能的修改