时间戳

首页 > 解决方案 > 我从我们的书中复制了这段代码，但它不起作用

html - 我从我们的书中复制了这段代码，但它不起作用

问题描述

我从书中复制了这段代码，但 CSS 不起作用。我希望有人能告诉我我错过了什么。

<!DOCTYPE html>
<html>
<head>
    <style type="text/css">
    p.one {
    border-width: 2px;
}
    p.two {
    border-width: thick;
}
    p.three {
    border-width: 1px 4px 12px 4px;
}
    </style>
</head>
<body>
    <p class="one">Hohner's "Clavinet" is essentially an electric clavichord.</p>
    <p class="two"> Hohner's "Clavinet" is essentially an electric clavichord.</p>
    <p class="three">Hohner's "Clavinet" is essentially an electric clavichord.</p>
</body>
</html>

标签： htmlcss

解决方案

你基本上指的是css边框属性。

您需要至少放置 3 个配置才能使其正常工作。请参见下面的示例。

  1. border-width属性指定四个边框的宽度。
  2. border-color属性用于设置四个边框的颜色。
  3. border-style属性指定要显示的边框类型。

p {
  border: 1px solid red;
}

p.one {
  border-width: 2px;
}

p.two {
  border-width: thick;
}

p.three {
  border-width: 1px 4px 12px 4px;
}
<p class="one">Hohner's "Clavinet" is essentially an electric clavichord.</p>
<p class="two"> Hohner's "Clavinet" is essentially an electric clavichord.</p>
<p class="three">Hohner's "Clavinet" is essentially an electric clavichord.</p>

推荐阅读