出于某种原因,当我运行 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;
}
关于html - 看起来我的段落没有应用 CSS 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31789830/