恰好是快捷方式的边界语法问题

Question

我目前正在学习 CSS 并且我当然在那个人展示了你可以使用两种不同类型的语法来设置边框的部分，但是第二个是类似于快捷方式的东西。我在那里遇到了问题。

所以当我这样做时：

h1 {
    color:rgba(4, 176, 15,.9)
    border-color:purple;
    border-width:5px;
    border-style:solid;
}

它运行良好。但是当我做下一件事时：

border: 5px solid purple;

没用。

这是 HTML 文件：

<!DOCTYPE html>
<html>
<head>
    <title>About Me</title>
    <link rel="stylesheet" type="text/css" href="C:\Users\aldin\OneDrive\Desktop\WebDev Kurs Zadatci\CSS\app.css">


</head>
<body>

<h1>About Me</h1>
<h4>My Hobbies: </h4>
<div>
<ul>
    <li>Programming</li>
    <li>Eating</li>
    <li>Playing video games</li>
</ul>
</div>
</body>
</html>

这是 app.css 文件：

h1 {
    color:rgba(4, 176, 15,.9)
/*  border-color:purple;
    border-width:5px;
    border-style:solid;*/

    border: 5px solid purple;
}

h4 {
    background: rgb(255,100,80)
}

body{
    background:pink;
    /*background: url(https://catchafallingstarbook.files.wordpress.com/2019/09/u-g-q104w810.jpg);
    background-repeat: no-repeat;
    background-size: cover;*/
}

我哪里出错了？

Answer 1

您的 h1 中缺少分号。试试这个

h1 {
    color: rgba(4, 176, 15, .9);
    border: 5px solid purple;
}

恰好是快捷方式的边界语法问题

Problem with border syntax which happens to be shortcut

css

border