W3School TIY Editor
W3School 在线教程
改变方向
暗黑模式
运行代码
<!DOCTYPE html> <html> <head> <style> div.a { text-decoration: underline; text-underline-position: auto; } div.b { text-decoration: underline; text-underline-position: under; } </style> </head> <body> <h1>text-underline-position 属性</h1> <div class="a">带下划线且位置为自动的文本：C<sub>6</sub>H<sub>12</sub>O<sub>16</sub>（葡萄糖）。</div> <br> <div class="b">带下划线且位置在下方的文本：C<sub>6</sub>H<sub>12</sub>O<sub>16</sub>（葡萄糖）。</div> <br> </body> </html>