W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div.a { width: calc(sin(0.25turn) * 120px); height: calc(sin(30deg) * 120px); background-color: salmon; margin-bottom: 25px; } div.b { width: calc(sin(90) * 120px); height: calc(sin(2*1.125) * 120px); background-color: green; margin-bottom: 25px; } div.c { width: calc(sin(pi/2) * 120px); height: calc(sin(pi/2) * 120px); background-color: maroon; } </style> </head> <body> <h1>sin() 函数</h1> <p>在这里，sin() 函数被用在 calc() 函数中，以设置三个 div 元素的宽度和高度。</p> <div class="a"></div> <div class="b"></div> <div class="c"></div> </body> </html>