时间戳

首页 > 解决方案 > 恰好是快捷方式的边框语法问题

css - 恰好是快捷方式的边框语法问题

问题描述

我目前正在学习 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;*/
}

我在哪里犯错？

标签： cssborder

解决方案

您的. _ h1尝试这个

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

推荐阅读