初学者CSS样式=边框

Question

我正在学习CSS，我有一点问题。如何编写最佳的两种边框样式？

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

我不知道我已经尝试过并尝试过。

Answer 1

border-left:10px solid blue;

border-top:10px solid #ddd;

border-bottom:10px dashed #ff0000;

border-right:10px dotted #00ff00;

Tutorial

Answer 2

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

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

Answer 3

首先拼写很重要。检查'border'的拼写

你可以做这样的事情

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

Answer 4

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

Answer 5

你不能在一个元素中使用两个“style”，只能有一个“style”属性。

你可以这样：

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;"

Answer 6

你实际上有一个非常好的问题。你有几个选择。要更改特定的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>