Home
HTML
HTML
Tryit: HTML
运行 ❯
×
Change Orientation
Change Theme, Dark/Light
<!DOCTYPE html> <html> <head> <style> div.a { line-height: 10px; } div.b { line-height: 30px; } div.c { line-height: 0.5cm; } div.d { line-height: 1cm; } </style> </head> <body> <h1>line-height 行高属性</h1> <h2>line-height: 10px:</h2> <div class="a">这是一个指定了行高的段落。<br> 此处行高设置为 10 像素。</div> <h2>line-height: 30px:</h2> <div class="b">这是一个具有指定行高的段落。<br> 此处行高设置为 30 像素。</div> <h2>line-height: 0.5cm:</h2> <div class="c">这是一个具有指定行高的段落。<br> 这里的行高设置为0.5厘米。</div> <h2>line-height: 1cm:</h2> <div class="d">这是一个具有指定行高的段落。<br> 这里的行高设置为 1 厘米。</div> </body> </html>