css - CSS style=border 初学者

Question

我正在学习 CSS，但我遇到了一个小问题。如何写出最好的两种边框样式？

<h2 style="border-left: Gray 10px solid" style="boder-top: Gray 10px solid">

我不知道我已经尝试过。

score 2 · Accepted Answer

border-left:10px solid blue;

border-top:10px solid #ddd;

border-bottom:10px dashed #ff0000;

border-right:10px dotted #00ff00;

score 0 · Accepted Answer

最好将它们写在外部样式表中。但是当你想内联编写它们时，以下是正确的：

<h2 style="border-left:Gray 10px solid; border-top:Gray 10px solid;"></h2>

score 0 · Accepted Answer

首先拼写很重要。检查“边界”的拼写

你可以做这样的事情

<h2 style="border-left: gray 10px solid; border-top: gray 10px solid">

score 0 · Accepted Answer

<h2 style="border-left:10px solid #000;border-top:10px solid #000;border-bottom:10px solid #000;border-right:10px solid #000;">
    Hiiiiiii
</h2>

score 0 · Accepted Answer

您不能在一个元素中使用两个“样式”，只能有一个“样式”属性。

你可以这样：

border-width: 10px 10px 10px 10px;
border-color: red green blue yellow;
border-style: solid solid dotted dotted;

顺序是上 - 右 - 下 - 左。

style="border-width: 10px 10px 10px 10px; border-color: red green blue yellow; border-style: solid solid dotted dotted;"

score 0 · Accepted Answer

你实际上有一个非常好的问题。你有几个选择。要更改特定的 H2 元素，您将执行以下操作：

<h2 style="border-left: Gray 10px solid; border-top: Gray 10px solid;">
    Hello World!
</h2>

这仅适用于这个元素。如果您想在多个不同页面上为独特元素重复此样式，则可以使用 CSS 样式表：

#useId {
    border-left: Gray 10px solid;
    border-top: Gray 10px solid;
}

然后你可以添加 HTML 标签：

<h2 id="useId">
    Hello World!
</h2>

然后，您可以将此样式添加到页面上的一个或多个元素。这将通过使用 css 类来完成。

.useClass {
    border-left: Gray 10px solid;
    border-top: Gray 10px solid;
}

使用类，您可以将“useClass”添加到页面上的任何元素以获得该样式。

<h2 class="useClass">
    Hello World!
</h2>

6 回答 6