外部CSS路径异常：无法将CSS导入HTML页面

先修正代码里的明显错误，再逐一排查路径问题：

1. 修正link标签的type属性 #

你的<link>标签中type="stylesheet"是错误的，浏览器无法正确识别该类型，正确值应为text/css。修正后的代码：

<link rel="stylesheet" type="text/css" href="CSS/boxes.css" />

2. 排查路径配置问题 #

• 核对文件结构：确认HTML文件和CSS文件夹处于同一目录，且CSS文件夹内确实存在boxes.css文件（注意大小写，Linux/macOS系统区分大小写，路径里的CSS要和实际文件夹名完全一致）。
• 测试不同相对路径：
  • 若HTML与boxes.css在同一目录，直接写href="boxes.css"
  • 若CSS文件夹是HTML的父级目录，写href="../CSS/boxes.css"
• 用浏览器工具验证：按F12打开开发者工具，切换到「网络」面板，刷新页面，查看boxes.css的加载状态。如果显示404，说明路径错误；如果加载成功，检查CSS代码是否生效。

你的原始代码示例： #

<!DOCTYPE html>
<html>

<head>
    <link rel="stylesheet" type="stylesheet" href="CSS/boxes.css" />
    <title>Border Width</title>
</head>

<body>
    <p class="one">Hohner's "Clavinet" is essentially an electric clavichord.</p>
    <p class="two">Hohner's "Clavinet" is essentially an electric clavichord.</p>
    <p class="three">Hohner's "Clavinet" is essentially an electric clavichord.</p>
</body>

</html>

代码截图： #

内容的提问来源于stack exchange，提问作者Viego