日韩无码专区无码一级三级片|91人人爱网站中日韩无码电影|厨房大战丰满熟妇|AV高清无码在线免费观看|另类AV日韩少妇熟女|中文日本大黄一级黄色片|色情在线视频免费|亚洲成人特黄a片|黄片wwwav色图欧美|欧亚乱色一区二区三区

3、外部樣式表

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

在styles.css文件中：

hr {
  width: 50%;
}

在HTML文檔中：

4、使用CSS類和ID選擇器

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

在HTML文檔中：

 >

在CSS文件中：

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

5、使用媒體查詢（響應(yīng)式設(shè)計(jì)）

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

在CSS文件中：

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

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