Question

我是新来的，也是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;}

再次感谢！

Answer 1

指向css文件的链接中有一个空格。将其替换为％20，如此

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

Answer 2

如果border-style是border-width（默认值），0是什么并不重要。你也需要设置它。

添加p { border-width: 4px; }（例如）。

无法将CSS文件链接到HTML？

2 个答案: