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

标签 html 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;
}

关于html - 看起来我的段落没有应用 CSS 边框,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/31789830/

相关文章:

CSS 过渡不适用于伪元素的 Safari

javascript - 从下拉列表中选择选项

html - wordpress 帖子标题中 3 个点的 wordpress 奇怪行为

html - CSS 背景图像不透明度?

html - 下拉菜单的问题

html - div 未显示在网页上?

iphone - 有没有像使用 CSS 3 的底部导航这样的 iphone 预建示例?

html - div 在另一个绝对定位的 div 之下

php - 数据库查询在表单提交更新后重新加载一次

html - CSS 上简单模板的问题