【问题标题】:Can't link CSS file to HTML?无法将 CSS 文件链接到 HTML?
【发布时间】:2015-08-03 05:09:41
【问题描述】:

我是新来的,对 HTML 和 CSS 也很陌生。我正在尝试学习可以在 CSS 中创建的不同样式的边框,但是当我尝试将 CSS 文件链接到 HTML 时,在 Web 浏览器中执行 HTML 时不会出现边框。任何人都可以帮忙吗?干杯!

HTML:

<html>
    <head>
        <title> Border Styles</title>
        <link href="/Users/leighton_blackburn/Documents/HTML/CSS/Border Style.css" type="text/css" rel="stylesheet" />
    </head>
    <body>  
        <p class="one"> Hello </p>
        <p class="two"> Hello </p>
        <p class="three"> Hello </p>
        <p class="four"> Hello </p>
        <p class="five"> Hello </p>
        <p class="six"> Hello </p>
        <p class="seven"> Hello </p>
        <p class="eight"> Helo </p>
    </body>
</html>

CSS:

p.one {border-style: solid;}
p.two {border-style: dotted;}
p.three {border-style: dashed;}
p.four {border-style: double;}
p.five {border-style: groove;}
p.six {border-style: ridge;}
p.seven {border-style: inset;}
p.eight {border-style: outset;}

再次感谢!

【问题讨论】:

  • 投票结束,因为错字/没有复制。

标签: html css


【解决方案1】:

您的 css 文件的链接中有一个空格。像这样用 %20 替换它

/Users/leighton_blackburn/Documents/HTML/CSS/Border%20Style.css

【讨论】:

  • 答案非常好,但也许最好先创建没有空格的文件用于Web开发...
  • 浏览器会错误纠正,这应该不是问题。
  • 你们说的都对。昆汀的回答解决了真正的问题,空格可以被纠正,但不是必须的。我刚刚看到了。
  • 谢谢大家。问题以某种方式自行解决。为迈克尔的小费干杯。
【解决方案2】:

如果border-width0(这是默认设置),border-style 是什么并不重要。你也需要设置它。

添加p { border-width: 4px; }(例如)。

【讨论】:

  • 干杯!刚刚再次打开 HTML 文件,由于某种原因,它现在工作得非常好。我会记住你所说的,以备将来参考。再次感谢!
猜你喜欢
  • 2020-11-01
  • 1970-01-01
  • 2020-11-30
  • 2014-09-06
  • 1970-01-01
  • 2019-12-11
  • 1970-01-01
  • 1970-01-01
  • 2016-10-10
相关资源
最近更新 更多