W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> h1 { margin: 0 0 50px 0; } h2 { margin: 20px 0 0 0; } </style> </head> <body> <p>在此例中，h1 元素的下外边距为 50px，h2 元素的上外边距为 20px。然后，h1 和 h2 之间的垂直外边距应为 70px（50px + 20px）。但是，由于外边距叠加，实际外边距最终为 50px。</p> <h1>标题 1</h1> <h2>标题 2</h2> </body> </html>