看起来CSS边框没有应用于我的段落

由于某种原因，当我运行HTML时，CSS没有被执行，我不明白为什么？这件事昨天就发生了，但不知怎么就解决了。我是新手，所以我正在努力学习基础知识。感谢所有提供帮助的人！

这是HTML:

<!DOCTYPE html>
<html>
    <head>
        <title>Border Color</title>
        <link href="/Users/leighton_blackburn/Documents/Border-Color.css" type="text/css" rel="stylesheet" />
    </head>
    <body>
        <p class="one"> Hello </p>
        <p class="two"> Hello </p>
    </body>
</html>

这是CSS：

p.one {
    border-width: 2px;
    border-color: #0088dd;}
p.two {
    border-width: 2px;
    border-color: #bbbbaa #111111 #ee3e80 #0088dd;}

尝试将链接标记更改为：

<link href="Border-Color.css" type="text/css" rel="stylesheet" />

此外，您并没有在CSS中声明边框样式。试试这个：

p.one {
    border-width: 2px;
    border-color: #0088dd;
    border-style: solid;
}
p.two {
    border-width: 2px;
    border-color: #bbbbaa #111111 #ee3e80 #0088dd;
    border-style: solid;
}

你也可以把这个缩写写为：

p.one {
    border: 2px solid #0088dd;
}
p.two {
    border-width: 2px;
    border-color: #bbbbaa #111111 #ee3e80 #0088dd;
    border-style: solid;
}

    p.one {
    border: solid 2px;
    border-color: #0088dd;}
    p.two {
    border: solid 2px;
    border-color: #bbbbaa #111111 #ee3e80 #0088dd;}

我觉得问题不在于你的外部css链接。问题在于如何声明css。

希望你得到它。

使用

<link href="./Border-Color.css" type="text/css" rel="stylesheet" />

在路径的开头使用./意味着"在与引用文件相同的目录中开始"，在本例中，"引用文件"是您的HTML。

正如其他人在之前的评论中所指出的，尽管这将确保css文件被正确地包含，但由于您只应用边框的width和color，而不应用style，，您仍然不会看到任何视觉更改。您需要显式设置它，覆盖默认值(即border-style: none(：

border-style: solid;

css代码中可能存在不正确的路径。检查你的路径。或使用绝对路径(从https://或c:\//开始，取决于您保存文件的位置(

样本代码

<script src="https://code.jquery.com/jquery-1.11.3.min.js"></script>

相关内容

最新更新

热门标签：