html設定下劃線長度的方法：1、為元素新增「display: block;」樣式將其變成區塊級元素；2、使用border-bottom屬性設定下劃線樣式；3、利用width屬性控制底線長度，語法“width:長度值;”。
本教學操作環境：windows7系統、CSS3&&HTML5版、Dell G3電腦。
html設定下劃線長度的方法
在html中，可以透過border-bottom屬性設定下劃線樣式，然後使用width屬性來控制底線長度。
巢狀是元素必須可以控制寬度，也就是使用width屬性要有效。
也就是說元素必須是區塊級元素（display: block;）或行內區塊級元素（display: inline-block;）。
實作程式碼：
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<style>
a{
text-decoration: none;
}
.box{
display: block;
border-bottom:2px solid grey;
width:200px;
}
</style>
</head>
<body>
<a href="#" class="box">About</a><br>
<span class="box">Technology</span>
</body>
</html>
推薦教學：《html影片教學》
以上是html怎麼設定底線長度的詳細內容。更多資訊請關注PHP中文網其他相關文章！
