順便說下有什么區別
誰能做個 正三角 倒三角 等邊三角形的demo！
19990000
2016-11-11 22:47:18
1 回答
已采納
stone310
TA貢獻361條經驗 獲得超191個贊
正三角border四邊相等；等邊三角 左右和上下比為4：3；倒三角同等邊三角
<!DOCTYPE?html>
<html>
<head>
????<meta?charset="utf-8">
????<style>
????????span{position:absolute}
????????.span1?{
????????????top:50px;
????????????border-bottom:50px?solid?#000;
????????????border-left:50px?solid?transparent;
????????????border-right:50px?solid?transparent;
????????????border-top:50px?solid?transparent;???/*?這條邊可去掉，占位更小*/
????????}
????????.span2?{
????????????border-bottom:40px?solid?#000;
????????????border-left:30px?solid?transparent;
????????????border-right:30px?solid?transparent;
????????????border-top:40px?solid?transparent;?????/*?這條邊可去掉，占位更小*/
????????}
????????.span3?{
????????????border-bottom:40px?solid?transparent;???/*?這條邊可去掉，占位更小*/
????????????border-left:30px?solid?transparent;
????????????border-right:30px?solid?transparent;
????????????border-top:40px?solid??#000;
????????}
????</style>
</head>
<body>
<span?class="span1"></span>
<span?class="span2"></span>
<span?class="span3"></span>
</body>
</html>添加回答
舉報
0/150
提交
取消