Sunny-117 / js-challenges

✨✨✨ Challenge your JavaScript programming limits step by step

Home Page:https://juejin.cn/column/7244788137410560055

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

等边三角形

Sunny-117 opened this issue · comments

等边三角形
<div id="app"></div>
#app{
    width: 0;
    height: 0;
    border: 100px solid transparent;
    border-bottom-color: red;
}
document.querySelector("#app").style.borderBottomWidth = 100 * Math.tan(Math.PI / 3) + "px";

请问直接 border-bottom:100px solid red 为什么不行呢

commented

请问直接 border-bottom:100px solid red 为什么不行呢

底是200px, 高是100px了
另外css用不了无理数