日本综合一区二区|亚洲中文天堂综合|日韩欧美自拍一区|男女精品天堂一区|欧美自拍第6页亚洲成人精品一区|亚洲黄色天堂一区二区成人|超碰91偷拍第一页|日韩av夜夜嗨中文字幕|久久蜜综合视频官网|精美人妻一区二区三区

3、外部樣式表

創(chuàng)建一個單獨的CSS文件（styles.css），然后在HTML文檔中使用標簽將其鏈接到HTML文檔，將水平線的寬度設置為50%：

在styles.css文件中：

hr {
  width: 50%;
}

在HTML文檔中：

4、使用CSS類和ID選擇器

為水平線創(chuàng)建一個CSS類或ID，并在CSS中定義該類的樣式，將水平線的寬度設置為50%：

在HTML文檔中：

 >

在CSS文件中：

.shorthr { /* 或者 #shorthr */
  width: 50%;
}

5、使用媒體查詢（響應式設計）

根據(jù)屏幕尺寸調(diào)整水平線的寬度，當屏幕寬度小于600px時，將水平線的寬度設置為75%：

在CSS文件中：

@media (maxwidth: 600px) {
  hr { /* 或者 #shorthr, .shorthr */
    width: 75%; /* 根據(jù)需要調(diào)整寬度 */
  }
}

通過以上方法，你可以根據(jù)需要輕松地使HTML中的水平線變短，你可以選擇最適合你項目的方法，并根據(jù)需要進行調(diào)整。